Charts Widget einbinden

Zeige die KiBeats Charts auf jeder beliebigen Website.

Methode 1 — iFrame

Einfachste Methode. Funktioniert auf jeder Seite ohne JavaScript-Kenntnisse.

Empfohlen

Typ

Anzahl

Theme

HTML-Code:

Vorschau:

Methode 2 — JavaScript Snippet

Mehr Kontrolle über das Design. Daten als JSON, du gestaltest frei.

Füge diesen Code in deinen <body> ein:

JSON API

Rohdaten für React, Vue, Apps etc.

Top 5 Tracks (live) https://kibeats.net/api/charts-widget?type=tracks&limit=5 Test

Top 3 Creator (live) https://kibeats.net/api/charts-widget?type=users&limit=3 Test

Top Playlists (live) https://kibeats.net/api/charts-widget?type=playlists&limit=5 Test

Monatliche Charts https://kibeats.net/api/charts-widget?type=tracks&period=2026-05 Test

Parameter:

type tracks | users | playlists Chart-Kategorie

limit 1 – 10 Anzahl Einträge

period current | YYYY-MM (z.B. 2026-05) Live oder Snapshot