Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man einen YouTube-Live-Stream in WordPress einbettet

Das Teilen von Live-Videoinhalten über Ihre WordPress-Website ist eine gute Möglichkeit, mit Ihrem Publikum in Echtzeit in Kontakt zu treten.

Durch die Einbettung eines YouTube-Livestreams können Besucher Veranstaltungen, Webinare und Sondersendungen direkt auf Ihrer Website ansehen, was die Nutzerinteraktion verbessert und Ihre Reichweite erhöht.

Wir bei WPBeginner wissen, dass YouTube eine mächtige Plattform ist, die viel Traffic bringen kann. Deshalb haben wir unseren eigenen Kanal eingerichtet und veröffentlichen regelmäßig Videos, um mehr Besucher auf unseren Blog zu locken. Diese Strategie hat uns geholfen, unsere Reichweite zu erhöhen und ein breiteres Publikum anzusprechen.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach einen YouTube-Livestream in WordPress einbetten können.

How to embed a YouTube live stream in WordPress

Warum YouTube-Live-Streams in WordPress einbetten?

Mit Live-Streaming können Sie Live-Video- oder Audioinhalte über das Internet übertragen, so dass die Nutzer das Video in Echtzeit sehen können.

Das Einbetten eines YouTube-Livestreams auf Ihrer WordPress-Website ist eine hervorragende Möglichkeit, mit Ihrem Publikum in Kontakt zu treten und mehr Nutzer zu erreichen.

YouTube live stream

Außerdem können Sie die Interaktion mit den Website-Besuchern fördern.

Ein YouTube-Livestream kann auch dazu beitragen, die Suchmaschinenoptimierung der Website zu verbessern und mehr Besucher anzuziehen. Untersuchungen haben gezeigt, dass Blogbeiträge mit mindestens einem Video etwa 83 % mehr Besucher erhalten als Inhalte ohne Video.

Sehen wir uns also an, wie Sie einen YouTube-Livestream ganz einfach in WordPress einbetten können.

Wie man einen YouTube-Live-Stream in WordPress einbettet

Der einfachste Weg, einen YouTube-Livestream einzubinden, ist die Verwendung des YouTube Feed Pro Plugins von Smash Balloon.

Es ist das beste WordPress-YouTube-Plugin auf dem Markt, mit dem Sie YouTube-Videos und Live-Streams auf Ihrer Website einbetten können.

Zuerst müssen Sie das YouTube Feed Pro Plugin installieren und aktivieren. Weitere Anweisungen finden Sie in unserem Leitfaden für Anfänger zur Installation eines WordPress-Plugins.

Hinweis: YouTube Feed hat auch eine kostenlose Version. Sie unterstützt jedoch nicht die Live-Stream-Funktion.

Rufen Sie nach der Aktivierung die Seite Youtube Feed “ Einstellungen in der WordPress-Admin-Seitenleiste auf. Hier müssen Sie den Lizenzschlüssel eingeben und auf die Schaltfläche „Aktivieren“ klicken.

Sie können diese Informationen über Ihr Konto auf der Smash Balloon-Website abrufen.

Activate your smash balloon license key

Als Nächstes besuchen Sie die Seite YouTube Feeds “ Alle Feeds im WordPress-Dashboard.

Klicken Sie hier oben auf die Schaltfläche „Neu hinzufügen“.

Click the Add New button to add the YouTube feed

Daraufhin wird auf dem Bildschirm die Aufforderung „Futtermittelart auswählen“ angezeigt.

Um fortzufahren, müssen Sie die Option „Live-Streams“ auswählen und auf die Schaltfläche „Weiter“ klicken.

Choose live stream as feed type

Im nächsten Schritt müssen Sie YouTube Feed Pro mit Ihrem YouTube-Konto verbinden. Sie werden aufgefordert, Ihren YouTube-API-Schlüssel anzugeben.

Wenn Sie bereits einen API-Schlüssel haben, kopieren Sie ihn einfach und fügen ihn in das Feld „API-Schlüssel eingeben“ ein und klicken Sie auf die Schaltfläche „Hinzufügen“.

Add YouTube API key

Einen YouTube-API-Schlüssel erstellen

Wenn Sie noch keinen API-Schlüssel haben, gehen Sie zur Google Cloud Console und melden Sie sich mit Ihrem Google-Konto an.

Sobald Sie eingeloggt sind, klicken Sie oben auf die Schaltfläche „Projekt auswählen“.

Click Select Project button

Daraufhin öffnet sich ein Popup-Fenster, in dem alle von Ihnen erstellten Projekte angezeigt werden.

Klicken Sie nun auf die Schaltfläche „Neues Projekt“ in der oberen rechten Ecke.

Click the New Project button

Dies führt Sie zur Seite „Neues Projekt“, wo Sie zunächst einen Namen für Ihr Projekt eingeben können. Der Name kann so gewählt werden, dass Sie ihn leicht erkennen können.

Als nächstes müssen Sie eine „Organisation“ und deren Standort aus dem Dropdown-Menü auswählen. Sie können auch „Keine Organisation“ wählen und auf die Schaltfläche „Erstellen“ klicken, um fortzufahren.

Choose a project name and its organization

Sobald das Projekt erstellt wurde, gelangen Sie zum Projekt-Dashboard.

Klicken Sie hier auf die Schaltfläche „+ APIs und Dienste aktivieren“ im oberen Menü.

Click on the + ENABLE APIS AND SERVICES button

Dies führt Sie zur Seite API-Bibliothek. Sie zeigt die verschiedenen Google-Dienste, für die Sie APIs erstellen und in Ihren Projekten verwenden können.

Suchen Sie nun im Suchfeld nach „YouTube Data API v3“.

Search for the YouTube data API v3 option

Sobald das Ergebnis „YouTube Data API v3“ angezeigt wird, klicken Sie einfach darauf.

Sie werden nun zu einem neuen Bildschirm weitergeleitet, auf dem Sie auf die Schaltfläche „Aktivieren“ klicken müssen, um den YouTube-API-Schlüssel zu aktivieren.

Enable the YouTube API

Dadurch gelangen Sie auf die Seite „API/Dienstdetails“.

Klicken Sie hier oben auf die Schaltfläche „Anmeldeinformationen erstellen“.

Click the Create Credentials button

Anschließend werden Sie auf eine neue Seite weitergeleitet, auf der Sie das Kästchen neben der Option „Öffentliche Daten“ markieren müssen.

Klicken Sie anschließend auf die Schaltfläche „Weiter“, um Ihre API zu erstellen.

Check the Public data box and click on the Next button

Ihr API-Schlüssel wird nun erstellt und auf der Seite angezeigt.

Kopieren Sie einfach diesen Schlüssel und klicken Sie auf die Schaltfläche „Fertig“.

Copy the YouTube API key

Nun ist es an der Zeit, zum WordPress-Dashboard zurückzukehren.

Fügen Sie den API-Schlüssel in das Feld „API-Schlüssel erforderlich“ ein. Klicken Sie dann auf die Schaltfläche „Hinzufügen“, um fortzufahren.

Add YouTube API key

Fügen Sie den YouTube-Live-Stream zu Ihrer WordPress-Website hinzu

Sobald du deinen YouTube-API-Schlüssel hinzugefügt hast, wirst du auf die Seite „Feed-Typ auswählen“ weitergeleitet.

Klicken Sie hier erneut auf die Option „Live-Stream“ und anschließend auf die Schaltfläche „Weiter“.

Daraufhin wird die Seite „Kanal-ID für Live-Stream hinzufügen“ geöffnet.

Visit the Add channel ID for live stream page

Jetzt müssen Sie den YouTube-Kanal besuchen, der Ihre Live-Stream-Videos enthält.

Kopieren Sie von hier aus den Text, der nach „/channel/“ oder „/user/“ in der URL oben steht.

Copy the code after channel or user in the URL

Wechseln Sie dann zurück zum WordPress-Dashboard und fügen Sie den Code in das Feld „Kanal-ID für Livestream hinzufügen“ ein.

Danach klicken Sie auf die Schaltfläche „Verbinden“, um Ihren YouTube-Kanal mit WordPress zu verbinden.

Sobald der Kanal verbunden ist, klicken Sie auf die Schaltfläche „Weiter“, um fortzufahren.

Add code and click the connect button

Anpassen Ihres YouTube-Feeds

Nun, da Ihr YouTube-Livestream-Feed erstellt wurde, können Sie ihn anpassen. Smash Balloon’s YouTube Feed Pro bietet viele verschiedene Anzeigeoptionen.

Zunächst müssen Sie auf der Seite „Mit einer Vorlage beginnen“ eine Vorlage auswählen. Sie können zwischen den Layouts Standard, Karussell, Karten, Liste, Galerie und Raster wählen.

Sobald Sie Ihre Wahl getroffen haben, klicken Sie auf die Schaltfläche „Weiter“.

Choose a template for your Live YouTube feed

Sobald Sie dies getan haben, öffnet sich ein Bearbeitungsbildschirm mit einer Vorschau Ihres YouTube-Feeds auf der rechten Seite und Anpassungseinstellungen in der linken Menüspalte.

Hier können Sie damit beginnen, das Feld „Feed-Layout“ zu erweitern.

YouTube Feed editor

Auf diesem Bildschirm können Sie zwischen den Layouts wechseln.

Je nach gewähltem Layout können Sie auch zusätzliche Einstellungen vornehmen.

Customize the YouTube feed layout

Als nächstes müssen Sie auf das Feld „Farbschema“ klicken.

Standardmäßig verwendet YouTube Feed Pro das gleiche Farbschema wie Ihr WordPress-Theme. Sie können jedoch auch ein „helles“ oder „dunkles“ Farbschema für den Video-Feed verwenden.

Sie können auch Ihr eigenes Farbschema entwerfen, indem Sie auf die Option „Benutzerdefiniert“ klicken und dann die Steuerelemente verwenden, um die Hintergrund-, Text- und Linkfarben zu ändern.

Customize feed color scheme

Um eine Kopfzeile zu Ihrem YouTube-Feed hinzuzufügen, müssen Sie das Panel „Kopfzeile“ aufrufen. Schalten Sie hier den Schalter „Aktivieren“ um, um die Kopfzeile zu aktivieren.

Mit den Steuerelementen können Sie auch zwischen Standard- und Textüberschriften umschalten. Wenn Sie die Option „Text“ wählen, können Sie die Textgröße und -farbe ändern.

Customize YouTube feed header

Sie können auch das Erscheinungsbild des Videoplayers anpassen, indem Sie das Bedienfeld „Videos“ aufrufen.

Hier sehen Sie eine Liste von Optionen.

Videos panel option

Um das Videolayout und einzelne Eigenschaften anzupassen, besuchen Sie das Einstellungsfeld „Videostil“.

Hier können Sie das Videolayout, die Hintergrundfarbe und den Rahmen auswählen.

Customize video style

Öffnen Sie anschließend das Feld „Einzelne Elemente bearbeiten“. Aktivieren Sie hier die Kästchen neben den Elementen, die Sie zusammen mit den YouTube-Livestream-Videos anzeigen möchten.

Sie können das Wiedergabesymbol, den Videotitel, den Countdown für den Live-Stream, Beschreibungen und vieles mehr ein- oder ausblenden.

Edit the individual elements you want to display along with the video

Gehen Sie als Nächstes zur Einstellung „Hover-Status“ über. Hier können Sie die einzelnen Elemente auswählen, die angezeigt werden sollen, wenn der Nutzer mit der Maus über das YouTube-Video fährt.

Sie können viele Elemente auswählen, darunter Videotitel, Beschreibung, Datum, Aufrufe und mehr.

Customize hover state

Rufen Sie anschließend das Panel „Video Player Experience“ auf.

Sie können nun das Seitenverhältnis des Videoplayers ändern. Sie können auch wählen, ob das Video automatisch abgespielt werden soll oder ob Sie warten möchten, bis der Besucher auf die Schaltfläche „Abspielen“ klickt.

Customize video player experience

Nachdem Sie die einzelnen Videoelemente angepasst haben, wechseln Sie zum Panel „Weitere Schaltfläche laden“.

Hier können Sie unter der Einstellung „Weitere Schaltfläche laden“ den Schalter auf „Aktivieren“ setzen. Dadurch werden nach dem Livestream weitere Videovorschläge angezeigt.

Sie können auch die Hintergrundfarbe, den Hover-Status und den Text in den Einstellungen auf der linken Seite auswählen.

Customize the Load More button

Wechseln Sie anschließend zum Bereich „Abonnieren“ und schalten Sie den Schalter auf „Aktivieren“, wenn Sie die YouTube-Abonnementschaltfläche aktivieren möchten.

Sie können auch die Farbe, den Text und den Schwebezustand der Schaltfläche in den Einstellungen ändern.

Customize Subscribe button

Sobald Sie den YouTube-Live-Feed angepasst haben, können Sie eine Vorschau anzeigen, wie er auf Desktop-Computern, Tablets und Smartphones aussehen wird. Klicken Sie einfach auf die verschiedenen Schaltflächen in der oberen rechten Ecke, um eine Vorschau des Feeds auf verschiedenen Geräten anzuzeigen.

Vergessen Sie nicht, oben auf die Schaltfläche „Speichern“ zu klicken, um Ihre Änderungen zu speichern.

Preview and save feed

YouTube-Live-Stream in eine WordPress-Seite einbetten

Der nächste Schritt besteht darin, Ihren YouTube-Live-Feed in eine WordPress-Seite einzubetten. Dazu müssen Sie zunächst oben auf die Schaltfläche „Einbetten“ klicken.

Daraufhin wird die Aufforderung „Feed einbetten“ angezeigt. Um fortzufahren, klicken Sie auf die Schaltfläche „Zu einer Seite hinzufügen“.

Click Add to a page button to embed YouTube feed

Das Popup zeigt nun eine Liste aller WordPress-Seiten auf Ihrer Website an.

Wählen Sie einfach die Seite aus, auf der Sie den YouTube-Livestream einbetten möchten, und klicken Sie auf die Schaltfläche „Hinzufügen“.

Choose a page where you want to embed the feed and click on the Add button

Die von Ihnen ausgewählte Seite wird nun im Block-Editor geöffnet.

Klicken Sie auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke und suchen Sie nach dem Block „Feeds für YouTube“.

Sobald Sie ihn gefunden haben, können Sie den Block durch Anklicken zu Ihrer Seite hinzufügen.

Embed YouTube Feed on a page

Vergessen Sie nicht, auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“ zu klicken, um Ihre Änderungen zu speichern oder zu aktivieren.

So sieht der YouTube-Live-Feed auf unserer Demo-Website aus.

YouTube Feed Page preview

Hinzufügen eines YouTube-Live-Feeds als Widget

Sie können auch einen YouTube-Live-Feed als Widget in die WordPress-Seitenleiste einfügen.

Rufen Sie zunächst die Seite Erscheinungsbild “ Widgets in der Admin-Seitenleiste auf.

Klicken Sie hier auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke des Bildschirms und suchen Sie den Block „Feeds für YouTube“.

Klicken Sie anschließend auf den Block, um ihn dem Widget-Bereich hinzuzufügen.

Add YouTube Feed as a widget

Vergessen Sie nicht, auf die Schaltfläche „Aktualisieren“ zu klicken, um Ihre Änderungen zu speichern.

So sieht der YouTube-Live-Feed in der Seitenleiste auf unserer Demo-Website aus.

Widget Preview of YouTube feed

Hinzufügen eines YouTube-Live-Streams im Full Site Editor

Wenn Sie ein blockbasiertes Thema verwenden, ist diese Methode für Sie geeignet.

Rufen Sie zunächst die Seite Erscheinungsbild “ Editor in der Admin-Seitenleiste auf, um den Site-Editor zu starten.

Klicken Sie oben auf die Schaltfläche „Block hinzufügen (+)“ und suchen Sie den Block „Feeds für YouTube“.

Als Nächstes können Sie den Block per Drag & Drop an die Stelle ziehen, an der Sie den YouTube-Feed auf Ihrer Seite anzeigen möchten.

Add the YouTube feed in FSE

Wenn Sie fertig sind, vergessen Sie nicht, auf die Schaltfläche „Speichern“ zu klicken, um die Änderungen zu übernehmen.

Hier finden Sie eine Vorschau auf die Live-Streams auf unserer Demo-Website.

FSE preview of YouTube live feed

Bonus: Einbetten einer YouTube-Wiedergabeliste in WordPress

Abgesehen von Live-Streams können Sie mit dem Smash Balloon YouTube Feed Plugin auch YouTube-Playlisten in Ihre WordPress-Website einbetten.

Sie können diese Wiedergabeliste verwenden, um die Aufmerksamkeit der Nutzer zu erregen, das Engagement zu steigern und die Absprungrate zu verringern.

Um eine YouTube-Wiedergabeliste hinzuzufügen, besuchen Sie die Seite YouTube-Feeds “ Alle Feeds und klicken Sie auf die Schaltfläche „Neu hinzufügen“. Dies führt Sie zu einem neuen Bildschirm, auf dem Sie die Option „Wiedergabeliste“ als Feed-Typ auswählen müssen.

Select Playlist as feed type

Anschließend müssen Sie Ihr YouTube-Konto mit Smash Balloon verbinden, indem Sie den API-Schlüssel in der Google-Konsole angeben.

Danach müssen Sie die YouTube-Wiedergabeliste, die Sie hinzufügen möchten, öffnen und ihre ID aus der obigen URL kopieren. Diese ID ist eine Zeichenfolge aus Buchstaben und Zahlen nach dem „=“-Symbol in der URL.

Nun können Sie in Ihrem WordPress-Dashboard die ID der Wiedergabeliste in das Feld „Quelle hinzufügen“ eingeben und auf die Schaltfläche „Weiter“ klicken.

Danach öffnet sich auf dem Bildschirm der Feed-Editor von Smash Balloon, in dem Sie das Aussehen der Wiedergabelisten nach Ihren Wünschen anpassen können.

Add the playlist ID

Sie haben nun erfolgreich Ihre YouTube-Wiedergabeliste hinzugefügt. Weitere Details dazu finden Sie in unserer Anleitung zum Einbetten einer YouTube-Wiedergabeliste in WordPress.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie YouTube-Livestreams in WordPress einbetten können. Lesen Sie auch unser Tutorial zum Einbetten von SoundCloud in WordPress-Beiträge mit oEmbed und unsere Anleitung zum Einbetten eines Discord-Widgets in WordPress.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

Kommentare

  1. Herzlichen Glückwunsch, du hast die Möglichkeit, der erste Kommentator dieses Artikels zu sein.
    Hast du eine Frage oder Anregung? Bitte hinterlasse einen Kommentar, um die Diskussion zu starten.

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.