Spotify-Einbettungsgenerator

Fügen Sie einen Spotify-Link zu einem Titel, Album, einer Playlist, einem Künstler oder einer Podcast-Folge ein und erhalten Sie einen kostenlosen Player für Ihre Website – ohne Anmeldung.
Spotify-Einbettungsgenerator
Ein Link zu einem Titel, Album, einer Playlist, einem Künstler, Podcast oder einer Folge (spotify:-URIs funktionieren ebenfalls), z. B. https://open.spotify.com/playlist/…Möchten Sie einen eigenen Audioplayer mit Ihrer Playlist?

Player einbetten

<iframe src="https://open.spotify.com/embed/track/4uLU6hMCjMI75M1A2tKUQC?utm_source=generator" title="Spotify-Player" width="100%" height="352" style="border:0;border-radius:12px;" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<p style="margin:4px auto 0;text-align:center;font:11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#a3a7b0;">Erstellt mit <a href="https://de.elfsight.com/tools/spotify-embed-generator/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Elfsight</a></p>

  1. Klicken Sie oben auf Code kopieren, um ihn zu kopieren.
  2. Öffnen Sie die HTML-Datei oder die Vorlage der Seite.
  3. Fügen Sie den Code innerhalb von <body> ein, dort wo der Inhalt erscheinen soll.
  4. Speichern und laden Sie die Seite hoch und öffnen Sie sie zur Kontrolle im Browser.

Möchten Sie einen eigenen Audioplayer mit Ihrer Playlist und Ihrem Branding? Probieren Sie das Audio-Player-Widget. Audio Player ansehen →

Bevor Sie gehen

Möchten Sie einen eigenen Audioplayer mit Ihrer Playlist und Ihrem Branding? Probieren Sie das Audio-Player-Widget.

Audio Player ansehen →
Oder teilen Sie dieses kostenlose Tool:
Audio-Player-Widget

Ihr eigener Audioplayer mit Ihrer Playlist

Teilen Sie Veröffentlichungen, Audioshows oder Vorträge über einen Player auf Ihrer Website. Er unterstützt Quellen wie SoundCloud, YouTube, Vimeo und Google Drive sowie hochgeladene Dateien.

  • Titel von SoundCloud, YouTube, Google Drive und mehr

  • Dateien hochladen oder per Link hinzufügen

  • Musik spielt direkt auf Ihrer Website

Widget kostenlos erstellen
Keine Kreditkarte erforderlich
Mehr über Audio Player erfahren

Spotify-Einbettungsgenerator oder „Teilen → Einbetten“ von Spotify

Das Einbettungsmenü von Spotify funktioniert gut, wenn Sie die Desktop-App oder den Webplayer geöffnet haben. Der Generator geht von einem Link aus, sodass Sie den Code von überall aus erstellen können.
„Teilen → Einbetten“ von Spotify
Dieser Generator
Auf dem Smartphone
Die mobile Spotify-App liefert keinen Einbettungscode.
Funktioniert mit einem Link, der aus der mobilen App kopiert wurde.
Inhaltstypen
Titel, Album, Playlist, Künstler, Podcast und Folge.
Dieselben sechs Typen, anhand des Links erkannt.
Unsaubere Links
Kein Problem: Sie gehen vom Element selbst aus.
Entfernt aus eingefügten Links den Freigabeparameter ?si= und Sprachbestandteile wie /intl-de/.
Größe und Farbe
Farb- und Größenoptionen im Einbettungsmenü.
Normale oder kompakte Höhe und ein Farbdesign.

Auf dem Smartphone

„Teilen → Einbetten“ von Spotify

Die mobile Spotify-App liefert keinen Einbettungscode.

Dieser Generator

Funktioniert mit einem Link, der aus der mobilen App kopiert wurde.

Inhaltstypen

„Teilen → Einbetten“ von Spotify

Titel, Album, Playlist, Künstler, Podcast und Folge.

Dieser Generator

Dieselben sechs Typen, anhand des Links erkannt.

Unsaubere Links

„Teilen → Einbetten“ von Spotify

Kein Problem: Sie gehen vom Element selbst aus.

Dieser Generator

Entfernt aus eingefügten Links den Freigabeparameter ?si= und Sprachbestandteile wie /intl-de/.

Größe und Farbe

„Teilen → Einbetten“ von Spotify

Farb- und Größenoptionen im Einbettungsmenü.

Dieser Generator

Normale oder kompakte Höhe und ein Farbdesign.

Optionen für die Spotify-Einbettung

Was Sie im Einbettungscode festlegen können und was jeder Inhaltstyp bietet.
Option
Was sie bewirkt
Werte
Hinweise
Inhalt
Was der Player zeigt: einen Song, eine Sammlung oder einen Podcast.
Titel, Album, Playlist, Künstler, Podcast, Folge
Wird anhand des Links erkannt. Ein Titel mit einem geeigneten Musikvideo zeigt das Video automatisch an, mit demselben Einbettungscode.
Höhe
Wie hoch der Player ist.
Normal (352 px) oder kompakt (152 px)
Kompakt eignet sich für einen einzelnen Song oder eine Folge auf wenig Platz. Normal gibt Alben, Playlists und Künstlern mehr Raum.
Breite
Wie breit der Player ist.
Standardmäßig 100%
Bei 100 % füllt der Player seinen Container aus und passt sich Smartphones an.
Design
Das Farbschema des Players.
Standard oder dunkel
Das Einbettungsmenü von Spotify bietet dieselbe Art von Farbauswahl.
allow
Gibt dem Player die Browserfunktionen, die er braucht.
autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture
Das verwendet der Code von Spotify selbst. Behalten Sie encrypted-media bei: Ohne es spielt der Player nur Vorschauen ab.
loading
Wann der Browser den Player lädt.
lazy
Der Player lädt, wenn ein Besucher in seine Nähe scrollt, sodass der Rest der Seite schneller lädt.

Inhalt

Was sie bewirkt

Was der Player zeigt: einen Song, eine Sammlung oder einen Podcast.

Werte

Titel, Album, Playlist, Künstler, Podcast, Folge

Hinweise

Wird anhand des Links erkannt. Ein Titel mit einem geeigneten Musikvideo zeigt das Video automatisch an, mit demselben Einbettungscode.

Höhe

Was sie bewirkt

Wie hoch der Player ist.

Werte

Normal (352 px) oder kompakt (152 px)

Hinweise

Kompakt eignet sich für einen einzelnen Song oder eine Folge auf wenig Platz. Normal gibt Alben, Playlists und Künstlern mehr Raum.

Breite

Was sie bewirkt

Wie breit der Player ist.

Werte

Standardmäßig 100%

Hinweise

Bei 100 % füllt der Player seinen Container aus und passt sich Smartphones an.

Design

Was sie bewirkt

Das Farbschema des Players.

Werte

Standard oder dunkel

Hinweise

Das Einbettungsmenü von Spotify bietet dieselbe Art von Farbauswahl.

allow

Was sie bewirkt

Gibt dem Player die Browserfunktionen, die er braucht.

Werte

autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture

Hinweise

Das verwendet der Code von Spotify selbst. Behalten Sie encrypted-media bei: Ohne es spielt der Player nur Vorschauen ab.

loading

Was sie bewirkt

Wann der Browser den Player lädt.

Werte

lazy

Hinweise

Der Player lädt, wenn ein Besucher in seine Nähe scrollt, sodass der Rest der Seite schneller lädt.

Spotify for Developers: Creating an Embed ↗

Häufige Probleme mit der Spotify-Einbettung

Es wird nur eine kurze Vorschau abgespielt.

In manchen Situationen streamt Spotify statt des ganzen Songs einen Vorschauclip von weniger als 30 Sekunden. Besucher, die in ihrem Browser nicht bei Spotify angemeldet sind, hören eine Vorschau und werden aufgefordert, sich anzumelden oder zu registrieren. Das lässt sich über den Einbettungscode nicht ändern.

Es werden nur Vorschauen abgespielt, auch bei angemeldeten Besuchern.

Prüfen Sie, ob allow="encrypted-media" noch im iframe steht. Manche Website-Baukästen und Plugins entfernen Attribute; ohne dieses spielt Spotify nur Vorschauen ab.

Die vollständige Wiedergabe funktioniert in manchen Browsern nicht.

Spotify nennt Chrome, Firefox, Edge, Opera und Safari als die am besten unterstützten Browser. In anderen werden ganze Songs und Folgen in der Einbettung möglicherweise nicht abgespielt.

Der Player startet nicht von selbst.

Browser wie Safari blockieren die automatische Wiedergabe, bis der Besucher mit der Seite interagiert. Spotify empfiehlt außerdem, Podcasts auf externen Websites nicht automatisch abzuspielen, damit die Hörstatistiken korrekt bleiben.

Sie finden die Einbettungsoption auf Ihrem Smartphone nicht.

Die mobile Spotify-App liefert keinen Einbettungscode. Kopieren Sie in der App den Freigabelink und fügen Sie ihn hier ein, oder nutzen Sie die Desktop-App oder den Webplayer.

Der Player verschwindet, nachdem Sie die Seite gespeichert haben.

Manche Editoren entfernen iframes aus normalen Textblöcken. Fügen Sie den Code in einen benutzerdefinierten HTML- oder Einbettungsblock ein.

So betten Sie Spotify in eine Website ein

  1. Spotify-Link kopieren

    Wählen Sie in Spotify bei einem Titel, Album, einer Playlist oder Folge „Teilen → Link kopieren“.

  2. Player wählen

    Fügen Sie den Link ein und wählen Sie den kompakten oder vollständigen Player und das Design.

  3. Code einfügen

    Fügen Sie den Code in einen HTML-Block auf Ihrer Seite ein.

Häufig gestellte Fragen

Weitere Einbettungscode-Generatoren

YouTube-Einbettungscode-Generator

Fügen Sie einen beliebigen YouTube-Link ein und erhalten Sie in Sekunden einen responsiven Einbettungscode.YouTube-Einbettungscode-Generator

Video-Einbettungscode-Generator

Betten Sie ein Video ein, das überall liegen kann: MP4, Google Drive, Dropbox, Loom oder Wistia.Video-Einbettungscode-Generator

iFrame-Generator

Erstellen Sie einen responsiven iFrame für jede Seite, jedes Formular oder jede App.iFrame-Generator

PDF-Einbettungsgenerator

Zeigen Sie eine PDF-Speisekarte, Preisliste oder Broschüre direkt auf der Seite.PDF-Einbettungsgenerator