KIBEATS DEVELOPERS

Deine Charts.
Überall im Web.

Mit dem KiBeats Chart-Widget kannst du aktuelle Tracks schnell und ohne eigenes Backend auf jeder Website anzeigen.

Zurück zu den Charts
01

Container einfügen

Platziere den Container dort, wo deine Charts erscheinen sollen.

<div
  data-kibeats-charts
  data-period="month"
  data-limit="10"
  data-title="KiBeats Monatscharts">
</div>
02

Widget laden

Füge das Script einmal am Ende deiner Seite ein.

<script src="https://kibeats.com/assets/js/kibeats-charts.js"></script>
03

Optionen anpassen

Wähle Zeitraum, Anzahl der Tracks und Überschrift nach deinen Wünschen.

data-periodweek · month · alltimeZeitraum der Charts
data-limit1–50Anzahl der Tracks
data-titleBeliebiger TextWidget-Überschrift
API

JSON direkt abrufen

Für eigene Darstellungen steht die öffentliche API zur Verfügung.

https://kibeats.com/api/charts?period=month&limit=10
Die API unterstützt Cross-Origin-Anfragen und liefert Rang, Titel, Artist, Cover, Plays und Links als JSON.