Wie man SoundCloud mit oEmbed in seine WordPress-Beiträge einbettet

Seien wir ehrlich: Manchmal reicht Text allein nicht aus, um das Interesse des Besuchers zu wecken und zu halten.

Was wäre, wenn Sie Ihre Lieblingsmusik oder sogar Ihre eigenen Songs und Podcasts direkt auf Ihrem WordPress-Blog teilen könnten? Nun, das können Sie! Wenn Sie ein SoundCloud-Nutzer sind, können Sie ganz einfach Audioclips, Playlists, Podcasts und aufgenommene Seminare auf Ihrer WordPress-Website einbetten.

In diesem anfängerfreundlichen Leitfaden lernen Sie, wie Sie Ihren Seiten und Beiträgen etwas Audio-Flair verleihen. Sehen wir uns an, wie Sie SoundCloud-Audio mit einer Funktion namens oEmbed zu Ihrer Website hinzufügen können.

Warum SoundCloud-Audio in WordPress einbetten?

SoundCloud ist eine beliebte Musik- und Podcast-Hosting-Plattform, auf der Sie bis zu 3 Stunden Audio kostenlos hochladen können.

Wenn Sie Audio auf SoundCloud veröffentlichen, werden alle Ihre Dateien auf deren Servern gespeichert und an die Personen gestreamt, die Ihre SoundCloud-Seite besuchen. Sie können jedoch oft Ihren Blog-Traffic erhöhen, indem Sie dieses Audio auch auf Ihrer eigenen Website verfügbar machen.

Die gute Nachricht ist, dass Sie jede SoundCloud-Audiodatei mit ihrer URL zu Ihrer WordPress-Website hinzufügen können, dank einer Funktion namens oEmbed.

Die Art und Weise, wie Sie SoundCloud in Ihre Beiträge einbetten, hängt davon ab, welchen WordPress-Editor Sie verwenden. Klicken Sie einfach auf die unten stehenden Schnelllinks, um zu der Methode zu springen, die Ihren Bedürfnissen am besten entspricht:

• Methode 1: Einbetten eines SoundCloud-Tracks oder einer Playlist in WordPress mit dem Block-Editor
• Methode 2: Einbetten eines Soundcloud-Titels oder einer Playlist in WordPress mit dem alten klassischen Editor
• WordPress Soundcloud Einbettungs-FAQs

Methode 1: Einbetten eines SoundCloud-Tracks oder einer Playlist in WordPress mit dem Block-Editor

WordPress verfügt über mehrere integrierte Blöcke, mit denen Sie PDFs, TikTok-Videos und viele andere Inhalte einbetten können. Es gibt auch einen SoundCloud-Block, sodass Sie Audiodateien einbetten können, ohne ein separates Plugin installieren zu müssen.

Noch besser: Wenn Sie einen Link in den Inhaltsbereich des Beitrags einfügen, fügt WordPress automatisch den SoundCloud-Block hinzu.

Gehen Sie zuerst zu Ihrem SoundCloud-Konto und suchen Sie die Datei, die Sie zu Ihrem WordPress-Blog hinzufügen möchten. Dies kann einer Ihrer eigenen Tracks oder ein öffentlicher Track sein, der von jemand anderem erstellt wurde. Sie können sogar ganze SoundCloud-Playlists und Alben einbetten.

Sobald Sie den Track, die Playlist oder das Album geöffnet haben, scrollen Sie nach unten auf der Seite und klicken Sie auf das Symbol „Link kopieren“.

Wechseln Sie als Nächstes zum WordPress-Dashboard und gehen Sie zu dem Beitrag oder der Seite, auf der Sie die SoundCloud-Datei einbetten möchten. Fügen Sie nun einfach die URL in den Inhaltsbereich des Gutenberg-Editors ein.

Sobald Sie die SoundCloud-URL einfügen, ruft WordPress den Einbettungscode ab. Es wandelt den Code dann in einen Soundcloud-Einbettungsblock um, der den Audio-Player und den Titel oder die Playlist anzeigt.

Wenn Sie auf die Schaltfläche „Wiedergabe“ klicken, beginnt die Audio-Datei im WordPress-Editor zu spielen.

Nachdem Sie den Track hinzugefügt haben, können Sie ihn mit der Symbolleiste, die über dem Block erscheint, und den Einstellungen im rechten Menü feinabstimmen.

Wenn Sie beispielsweise eine maximale Breite für die Einbettung festlegen möchten, klicken Sie auf die Schaltfläche „Ausrichtung“ und wählen Sie eine Option aus dem erscheinenden Menü.

Standardmäßig wird WordPress die Einbettung auf Smartphones und Tablets kleiner darstellen. Wir empfehlen, diese Funktion aktiviert zu lassen, aber wenn Sie möchten, können Sie sie mit dem Schalter „Für kleinere Geräte skalieren“ im rechten Menü deaktivieren.

Wenn Sie diese Einstellung ändern, empfehlen wir Ihnen, die mobile Version Ihrer WordPress-Website zu testen, um sicherzustellen, dass die SoundCloud-Datei wie erwartet aussieht und funktioniert.

Wenn Sie mit der Einrichtung des Einbettens zufrieden sind, klicken Sie auf „Aktualisieren“ oder „Veröffentlichen“, um die eingebettete SoundCloud-Datei live zu schalten.

Alternative Methode: Soundcloud-Titel mit dem benutzerdefinierten HTML-Block einbetten

Eine weitere Möglichkeit, die Soundcloud-Datei einzubetten, ist die Verwendung des iFrame-Codes von Soundcloud und des WordPress Custom HTML-Blocks. Diese Methode bietet Ihnen mehr Möglichkeiten, das Aussehen der Datei anzupassen.

Klicken Sie zuerst auf der SoundCloud-Audiospur auf die Schaltfläche „Teilen“.

Wechseln Sie als Nächstes zur Registerkarte 'Einbetten'.

Hier finden Sie den Soundcloud iFrame-Einbettungscode, den Sie kopieren können.

Bevor Sie diesen Code kopieren, können Sie auch die Farben und Einstellungen des eingebetteten Players unten anpassen. Der Code wird dann entsprechend Ihren Wünschen aktualisiert.

Sobald Sie diesen Code kopiert haben, öffnen Sie den Block-Editor für Ihre Seite oder Ihren Beitrag.

Klicken Sie dann auf die Schaltfläche „+ Block hinzufügen“ und fügen Sie den Block „Benutzerdefiniertes HTML“ hinzu.

Stellen Sie nun sicher, dass Sie sich auf dem HTML-Tab befinden.

Fügen Sie hier den iFrame-Code in den Block ein.

Um zu sehen, wie der eingebettete Player aussieht, klicken Sie auf die Registerkarte „Vorschau“.

Sobald Sie fertig sind, klicken Sie einfach auf 'Aktualisieren' oder 'Veröffentlichen', um Ihre Änderungen live zu schalten.

Methode 2: Einbetten eines Soundcloud-Titels oder einer Playlist in WordPress mit dem alten klassischen Editor

Wenn Sie immer noch den klassischen WordPress-Editor verwenden, können Sie SoundCloud-Audio auf die gleiche Weise einbetten.

Beginnen Sie damit, den Link zum SoundCloud-Track, Album oder zur Playlist zu kopieren.

Sobald Sie das getan haben, öffnen Sie die Seite oder den Beitrag, in den Sie die Datei einbetten möchten. Fügen Sie dann einfach den Link in den Inhaltsbereich in eine eigene Zeile ein.

Wenn Sie den visuellen Editor verwenden, sehen Sie eine Vorschau des SoundCloud Audio-Musik-Players in WordPress.

Beachten Sie nur, dass Sie die Breite und Ausrichtung nicht ändern können, wie Sie es im WordPress-Blockeditor können.

WordPress Soundcloud Einbettungs-FAQs

Seit wir diesen Leitfaden zum ersten Mal veröffentlicht haben, haben wir viele Fragen von unseren Lesern erhalten, wie man SoundCloud-Inhalte in WordPress einbettet.

Hier sind die Antworten auf einige der am häufigsten gestellten Fragen.

1. Kann ich einen SoundCloud-Podcast in WordPress einbetten?

Sie können einen Podcast ganz einfach mit dem integrierten SoundCloud-Block in WordPress einbetten. Fügen Sie einfach die Podcast-Episode oder Playlist in den Inhaltseditor ein, und WordPress fügt sie automatisch zu einem SoundCloud-Block hinzu.

2. Kann ich mehrere SoundCloud-Songs zu WordPress hinzufügen?

Sie können eine unbegrenzte Anzahl von Songs zum selben SoundCloud-Block hinzufügen. Sie können ein ganzes Album oder eine Playlist einbetten, indem Sie einfach dessen URL in den WordPress-Content-Editor einfügen.

Wenn Sie eine kuratierte Liste von Songs erstellen möchten, empfehlen wir, alle diese Titel zu einer Playlist auf SoundCloud hinzuzufügen und die Playlist dann öffentlich zu machen. Sie können die Playlist dann einfach in WordPress einbetten, indem Sie ihre URL einfügen.

Beachten Sie einfach, dass die Datenschutzeinstellungen jedes Titels Ihre Playlist-Einstellungen überschreiben. Das bedeutet, dass Sie keine privaten Titel auf Ihrer Website einbetten können, auch wenn Sie sie zu einer öffentlichen Playlist hinzufügen.

3. Wie füge ich einen SoundCloud-Kanal zu meiner WordPress-Website hinzu?

Sie können einen SoundCloud-Kanal auf genau die gleiche Weise hinzufügen, wie Sie einen Song oder eine Playlist einbetten. Besuchen Sie einfach den Kanal auf SoundCloud und kopieren Sie die URL.

Sie können dann den Link in den Inhaltseditor einfügen, und WordPress zeigt alle Inhalte dieses Kanals an, einschließlich seines Banners, der Gesamtzahl der Titel und einer „Folgen“-Schaltfläche. Auf diese Weise können Sie Website-Besucher ermutigen, Ihnen auf SoundCloud zu folgen.

4. Gibt es Vorteile bei der Verwendung von SoundCloud gegenüber anderen Audio-Plattformen für WordPress?

SoundCloud bietet mehrere Vorteile für WordPress-Benutzer. Es ist benutzerfreundlich, hat eine große Community von Erstellern und bietet einfache Einbettungsoptionen. SoundCloud bietet auch eine gute Audioqualität und ermöglicht sowohl öffentliche als auch private Freigaben.

5. Wie wirkt sich das Einbetten von SoundCloud-Audio auf die Ladezeit meiner WordPress-Website aus?

Das Einbetten von Playern im Allgemeinen kann potenziell Ihre Seitenladezeit erhöhen, insbesondere wenn Sie mehrere Tracks oder Playlists einbetten. SoundCloud verwendet jedoch Lazy Loading, was bedeutet, dass die Audio-Datei erst geladen wird, wenn ein Benutzer damit interagiert. Dies hilft, die Auswirkungen auf die Geschwindigkeit Ihrer Website zu minimieren.

6. Gibt es Urheberrechtliche Überlegungen beim Einbetten von SoundCloud-Inhalten, die von anderen erstellt wurden?

Ja, es gibt urheberrechtliche Überlegungen, die Sie beachten sollten. Während SoundCloud das einfache Einbetten ermöglicht, sollten Sie nur Titel einbetten, die öffentlich verfügbar sind und für die der Ersteller die Freigabe aktiviert hat.

Es ist gute Praxis, den Originalkünstler zu erwähnen, wenn Sie seine Inhalte einbetten. Wenn Sie sich über die Nutzungsrechte nicht sicher sind, ist es am besten, sich direkt an den Inhaltsersteller oder SoundCloud zu wenden.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie SoundCloud-Audio in Ihre WordPress-Beiträge einbetten. Als Nächstes können Sie unsere Anleitungen dazu lesen, wie Sie einen YouTube-Livestream einbetten oder wie Sie Google Web Stories zu Ihrer WordPress-Website hinzufügen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.