Mit dem Musik-Streamingdienst Spotify kannst Du Musik, Playlists, Podcasts und Hörbücher legal und unkompliziert auf Deiner eigenen Website einbinden. Spotify stellt dafür offizielle Embed-Widgets zur Verfügung, die sowohl in klassischen HTML-Webseiten als auch in WordPress problemlos genutzt werden können.
Welche Inhalte lassen sich mit Spotify einbinden?
Du kannst unter anderem folgende Inhalte direkt auf Deiner Website abspielen lassen:
- einzelne Songs
- komplette Alben
- Playlists
- Podcasts
- Hörbücher und Hörspiele
Das eingebettete Spotify-Widget ist responsiv und funktioniert auf Desktop- sowie Mobilgeräten.
Spotify-Widget in eine HTML-Webseite einbinden
Wenn Du Deine Website mit HTML pflegst, nutzt Du den offiziellen Einbettungscode von Spotify.
Schritt-für-Schritt-Anleitung:
- Öffne die Spotify-App auf Deinem Computer oder rufe Spotify im Browser auf:
https://open.spotify.com - Wähle einen Song, eine Playlist oder einen Podcast aus.
- Klicke auf die drei Punkte („…“) neben dem Inhalt.
- Wähle Teilen → Einbetten.
- Kopiere den angezeigten iframe-Code.
- Füge den Code an der gewünschten Stelle in Deine HTML-Datei ein.
Weitere offizielle Informationen zum Einbetten findest Du direkt bei Spotify:
https://developer.spotify.com/documentation/embeds
Spotify in WordPress einbinden
Wenn Du WordPress nutzt, ist das Einbinden besonders einfach.
Möglichkeiten in WordPress:
- Spotify-Block im Gutenberg-Editor
Du kannst im Block-Editor direkt einen Spotify-Block hinzufügen und dort einfach den Spotify-Link einfügen. - Automatische Einbettung (oEmbed)
Kopiere den Spotify-Link (z. B. zu einem Song oder Podcast) und füge ihn direkt in einen Absatz ein – WordPress erzeugt automatisch das Widget. - Einbettung per HTML-Block
Alternativ kannst Du den offiziellen iframe-Code in einen „Individueller HTML“-Block einfügen.
Weitere Informationen zur Block-Einbettung:
https://wordpress.org/support/article/embeds
Hinweise zur Nutzung des Spotify-Widgets
- Eingeloggte Spotify-Nutzer hören Inhalte ohne Werbung (abhängig vom Abo).
- Nicht eingeloggte Nutzer hören Musik mit Werbeunterbrechungen.
- Die Wiedergabe erfolgt direkt über Spotify – Du hostest keine Musikdateien selbst.
- Die Einbindung ist rechtlich unbedenklich, da Du offizielle Spotify-Widgets verwendest.
Damit ist Spotify eine attraktive Möglichkeit, aktuelle Musik und Podcasts legal in Deine Website zu integrieren.
Beispiel: Podcast über Spotify einbinden
Ein konkretes Beispiel ist der Podcast „Mein Leben als Mensch“ von Jan Weiler, der direkt über Spotify eingebettet werden kann:
Hintergrund-Informationen rund um Spotify-Einbindungen
Nachfolgend findest Du eine Übersicht relevanter Anbieter und offizieller Ressourcen:
| Link zum Anbieter | Beschreibung des Angebots |
|---|---|
| https://developer.spotify.com | Offizielle Spotify-Entwicklerplattform mit Dokumentation zu Embed-Widgets |
| https://open.spotify.com | Spotify Webplayer zum Finden und Teilen von Songs, Playlists und Podcasts |
| https://wordpress.org | WordPress-Plattform mit integrierter Unterstützung für Spotify-Einbettungen |
Fazit
Spotify-Widgets bieten Dir eine einfache, rechtssichere und flexible Möglichkeit, Musik und Podcasts auf Deiner Website einzubinden. Egal ob Du mit HTML arbeitest oder WordPress nutzt – mit wenigen Klicks kannst Du hochwertigen Audio-Content integrieren und Deine Website deutlich aufwerten.