6 Schritte zum Einbetten von YouTube Feed auf Ihrer Website (YouTube Feed in wenigen Minuten hinzufügen!)
clicksocial

Planen Sie Beiträge für soziale Medien direkt von WordPress aus mit ClickSocial

Kostenlose Testversion starten Winkel-Rechts
Startseite Blog 6 Schritte zum Einbetten von YouTube Feed auf Ihrer Website (YouTube Feed in wenigen Minuten hinzufügen!)

6 Schritte zum Einbetten von YouTube Feed auf Ihrer Website (YouTube Feed in wenigen Minuten hinzufügen!)

Möchten Sie wissen, wie Sie einen YouTube-Feed zu Ihrer eigenen Website hinzufügen können?

Mit über 500 Stunden Video, die jede Minute auf YouTube hochgeladen werden, ist die Konkurrenz groß.

Deshalb sind Sie mit der Anzeige Ihrer YouTube-Inhalte in WordPress ganz vorne mit dabei. Es hilft Ihnen, Ihr Publikum zu vergrößern, mehr Leads für Ihr Unternehmen zu gewinnen und die Konversionen über Social Media Feeds zu steigern.

Aber wenn Sie nicht technisch versiert sind, weiß ich, wie schwierig es sein kann, YouTube-Video-Widgets einzubetten, vor allem, wenn Sie nicht mit der Programmierung oder Entwicklung vertraut sind.

Hier bei Smash Balloon nutzen wir unsere 11-jährige Erfahrung in der Social-Media-Marketing-Branche, um Ihnen den einfachsten Weg zu zeigen, wie Sie Ihren YouTube-Feed auf Ihrer Website einbinden können.

Mit dieser Schritt-für-Schritt-Anleitung können Sie in weniger als 5 Minuten YouTube-Inhalte auf Ihrer Website hinzufügen!

In diesem Artikel

Sollten Sie YouTube-Widgets manuell oder automatisch hinzufügen?

Im Gegensatz zu anderen sozialen Netzwerken wie LinkedIn oder Twitter geht es bei YouTube vor allem um ansprechende Videoinhalte. Wenn Sie Ihre YouTube-Inhalte auf Ihrer WordPress-Website anzeigen, können Sie dies manuell oder automatisch tun.

Das manuelle Hinzufügen von YouTube-Videos zu Ihrer Website ist mit vielen Einschränkungen verbunden, z. B:

  • Keine Massenoptionen: Sie haben viele YouTube-Videos, die Sie anzeigen möchten? Sie müssen den Einbettungscode jedes einzelnen Videos abrufen, damit Sie sie manuell einbetten können, eins nach dem anderen.
  • Beschränkt auf Kodierungsexperten: Um einen YouTube-Video-Feed einzubetten und zu steuern, wie er auf Ihrer Website aussieht, müssen Sie Codeschnipsel ändern. Daher benötigen Sie fortgeschrittene Kenntnisse in benutzerdefiniertem HTML, Javascript, iFrame, CSS oder anderen Codierungssprachen.
  • Begrenzte Anpassungsmöglichkeiten: Möchten Sie Ihren YouTube-Feed so anpassen, dass er mit dem Thema Ihrer Website übereinstimmt? Das können Sie nicht. Es wird also schwierig sein, die Hintergrund- oder Schriftfarbe Ihres Feeds zu ändern - es sei denn, Sie beauftragen einen Entwickler, dies für Sie zu tun.
  • Riskant: Ein kleiner Fehler in der Kodierung kann dazu führen, dass Ihre Website nicht mehr funktioniert und Fehlerseiten angezeigt werden.

Und das Schlimmste daran?

Wenn Sie Videos manuell einbetten und dabei versehentlich Ihre Website beschädigen, gibt es kein Support-Team , an das Sie sich wenden können, um das Problem zu beheben. Sie sind also auf sich selbst gestellt.

Der einfachste Weg, YouTube-Kanal-Widget zur Website hinzuzufügen

Wenn das manuelle Einbetten von YouTube-Feeds schwierig und zeitaufwändig ist, warum fügen Sie Ihren YouTube-Feed dann nicht automatisch hinzu?

Wenn Sie ein einsteigerfreundliches Plugin wie YouTube Feed Pro verwenden, können Sie Ihre YouTube-Inhalte in WordPress anzeigen - einfach und problemlos, auch wenn Sie kein WordPress-Experte sind!

Fügen Sie mit Smash Balloon YouTube Feed Pro einen YouTube-Feed zur Website hinzu

Als das beste YouTube-Feed-Plugin für WordPress erweitert YouTube Feed Pro die Funktionalität Ihrer Website und hilft Ihnen, einen anpassbaren YouTube-Feed zu Ihrer Website hinzuzufügen.

Als ich dies für meinen persönlichen YouTube-Kanal verwendet habe, gefiel mir die Tatsache, dass ich durch einfaches Aktivieren oder Deaktivieren von Optionen im visuellen Customizer des Plugins meine YouTube-Videoinhalte problemlos einrichten und steuern kann, wie sie aussehen, wenn meine Site-Besucher sie sehen.

Sie müssen sich nicht mit verwirrend kopiertem Code herumschlagen.

Da das Plugin mit Blick auf die Nutzer entwickelt wurde, ist es extrem schnell und verlangsamt Ihre Website überhaupt nicht. Dies trägt zur Verbesserung der Suchmaschinenoptimierung Ihrer Website bei, sodass Sie in den Suchmaschinen besser platziert werden können.

Das Einzige, was noch schneller ist als das Plugin, ist der engagierte Kundensupport , der dahinter steht! Benötigen Sie Hilfe beim Hinzufügen Ihrer YouTube-Inhalte zu Ihrer Website? Sie sind nur eine Nachricht entfernt.

Hinweis: YouTube Feed Pro ist perfekt kompatibel mit WordPress, dem am schnellsten wachsenden Content-Management-System der Welt.

Es ist nicht für andere Plattformen wie Wix-Websites, Weebly, Squarespace oder Shopify konzipiert, aber es ist 100 % kompatibel mit Divi , Elementor und Thrive .

So betten Sie einen YouTube-Kanal-Feed in Ihre Website ein

Sind Sie bereit, Ihre YouTube-Abonnenten durch Cross-Promotion Ihrer Videoinhalte auf Ihrer Website zu steigern?

In der folgenden Schritt-für-Schritt-Anleitung erfahren Sie, wie Sie Ihre YouTube-Kanalvideos am besten zu WordPress hinzufügen.

Schritt 1: Installieren Sie das YouTube Feed Pro Plugin

Um deinen YouTube-Feed auf deiner Website anzuzeigen, kannst du dir hier dein eigenes Exemplar des YouTube Feed Pro Plugins holen .

Installieren Sie dann das Plugin, damit Sie es zu Ihrer WordPress-Website hinzufügen können. Brauchen Sie eine Auffrischung, wie man das macht?

Sehen Sie sich diese Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins für Ihren Leitfaden an.

Nachdem Sie das Plugin installiert und aktiviert haben, können Sie mit der Erstellung Ihres YouTube-Feeds fortfahren.

Schritt 2: Erstellen Sie einen neuen YouTube-Feed

Um Ihren YouTube-Feed zu erstellen, navigieren Sie in Ihrem WordPress-Dashboard zum Menü YouTube-Feed " Alle Feeds.

Klicken Sie dann oben auf die Schaltfläche Neu hinzufügen .

neuen youtube-Feed hinzufügen.

Danach können Sie den YouTube-Feed-Typ auswählen, den Sie zu Ihrer Website hinzufügen möchten. Sie können YouTube-Videos aus den folgenden Feed-Typen anzeigen:

Wählen Sie nun einfach Ihren YouTube-Feed-Typ aus und klicken Sie auf Weiter, um fortzufahren.

Wählen Sie Ihren YouTube-Feed-Typ

In diesem Tutorial werden wir den Feed-Typ " Kanal" hinzufügen und einen YouTube-Feed mit den Videos eines bestimmten Kanals anzeigen.

Im nächsten Schritt können Sie die Erstellung Ihres neuen Feeds abschließen, indem Sie ihn mit YouTube verbinden.

Schritt 3: Verbinden Sie Ihren Feed mit YouTube

Sie können diesen Feed nun mit YouTube verbinden, damit er Videos auf Ihrer Website anzeigen kann.

In dem Popup-Fenster sehen Sie die Option, Ihren YouTube-Feed auf 2 Arten zu verbinden:

  • Hinzufügen eines YouTube-API-Schlüssels
  • Verbinden Sie Ihr YouTube-Konto

Um Zugriff auf alle Arten von YouTube-Feeds zu erhalten, können Sie die Option API-Schlüssel hinzufügen auf dem Popup auswählen.

api schlüssel erforderlich youtube feed pro

Folgen Sie einfach dieser Anleitung zur Erstellung und Verwendung eines API-Schlüssels, damit Sie in wenigen Minuten einen erstellen können.

Sobald Sie Ihren API-Schlüssel erhalten haben, fügen Sie ihn in das Popup-Fenster ein und klicken dann auf Hinzufügen.

api schlüssel hinzufügen youtube

Oder Sie können stattdessen die Option Ein YouTube-Konto verbinden auf dem Popup-Fenster auswählen.

Verbinden Sie Ihr youtube-Konto

Dann bittet YouTube Feed Pro um einen schreibgeschützten Zugriff auf Ihr YouTube-Konto. Mit diesem Zugriff kann das Plugin nur YouTube-Informationen anzeigen und keine Änderungen an Ihrem Konto vornehmen.

Um Ihr YouTube-Konto zu verbinden, klicken Sie auf die Schaltfläche Weiter .

nur Lesezugriff erlauben youtube feed pro

Damit haben Sie einen neuen Feed erstellt und ihn mit YouTube verbunden. Im nächsten Schritt können Sie eine Quelle für Ihren YouTube-Feed hinzufügen.

Schritt 4: Verbinden Sie die YouTube-Feed-Quelle

Die Quelle für Ihren Feed können die YouTube-Kanäle, Wiedergabelisten, Suchbegriffe und mehr sein, die Sie anzeigen möchten.

Da wir einen Kanal-Feed hinzufügen, werden wir den WPBeginner YouTube-Kanal als Quelle verwenden.

Gehen Sie zunächst auf https://www.youtube.com und navigieren Sie zu dem YouTube-Kanal, den Sie auf Ihrer Website anzeigen möchten. Überprüfen Sie dort einfach die Kanal-URL am oberen Rand.

Suchen Sie in der URL nach "/channel/" oder "/user/" und kopieren Sie dann alles, was danach kommt, etwa so:

Kopieren Sie den Benutzernamen youtube channel

Wenn Sie fertig sind, kehren Sie zu Ihrer Website zurück und fügen Ihren Code in das Feld Kanal-ID oder Benutzername ein.

Klicken Sie dann auf die Schaltfläche Weiter , um fortzufahren.

Quelle für youtube-Feed eingeben

Danach können Sie zu Schritt 5 gehen und das Aussehen Ihres YouTube-Feeds anpassen.

Schritt 5: Passen Sie Ihr YouTube-Feed-Widget an

Sobald du deine Quelle verbunden hast, musst du im nächsten Schritt deine YouTube-Feed-Vorlage auswählen.

Sie haben 8 Feed-Vorlagen zur Auswahl, mit denen Sie das Design Ihres Feeds sofort ändern können:

  • Standard
  • Karussell
  • Karten
  • Liste
  • Galerie
  • Aktuelles Video
  • Schaukasten-Karussell
  • Widget

Wählen Sie hier Ihre Feed-Vorlage aus und klicken Sie dann auf Weiter , um fortzufahren.

Wählen Sie eine Feed-Vorlage youtube feed pro

Möchtest du dein YouTube-Video-Widget noch weiter anpassen, bevor du es auf deiner Website einbettest?

Das Plugin hat alles, was Sie brauchen. Mit Hilfe des visuellen Feed-Editors können Sie Ihren Feed ganz einfach so gestalten, wie Sie möchten - ohne technisches Wissen!

Auf der linken Seite finden Sie die Anpassungsoptionen, mit denen Sie das Layout Ihres Feeds, die Formatierung, die YouTube-Abonnementschaltfläche, die Größe, die Farben, den Kopfzeilenstil und vieles mehr ändern können.

live feed editor youtube feed pro

Außerdem erhalten Sie auf der linken Seite eine Live-Vorschau Ihres YouTube-Feeds. So können Sie alle Ihre Änderungen in Echtzeit verfolgen.

Um mit der Anpassung Ihres Feeds zu beginnen, klicken Sie auf die Option Feed-Layout .

feed layout optionen öffnen youtube feed pro

Von hier aus hilft Ihnen das Plugin, das Layout Ihres YouTube-Feeds einfach zu ändern. Wählen Sie einfach aus diesen 4 Layout-Optionen:

  • Raster
  • Galerie
  • Liste
  • Karussell
feed layout optionen youtube feed pro

Möchten Sie Ihre YouTube-Videos in einem übersichtlichen Raster aus quadratischen Miniaturbildern anzeigen? Sie können das Rasterlayout verwenden, um YouTube-Videowände auf Ihrer Website anzuzeigen.

grid layout youtube feed beispiel

Was ist, wenn Sie Video-Testimonials auf Ihrer Website anzeigen? Sie können das Galerie-Layout verwenden, um ein großes Video mit mehreren Video-Thumbnails darunter zu zeigen, damit Sie es länger ansehen können.

galerie layoute youtube video feed

Für ein einfacheres Design, wie bei YouTube-Livestreams, verwenden Sie das Listenlayout , um Ihren YouTube-Feed in einer einzigen Spalte anzuzeigen.

listenlayout für youtube

Wenn Sie YouTube-Kanäle in eine Diashow einbetten möchten, können Sie das Karussell-Layout verwenden, um den Besuchern Ihrer Website das Konsumieren Ihrer Inhalte zu erleichtern.

Karussell-Layout youtube feed pro

Sobald Sie das gewünschte Layout ausgewählt haben, klicken Sie auf die Schaltfläche Speichern, um Ihre Auswahl zu speichern.

Sehen Sie, wie schnell und einfach das geht? Sie brauchen sich nicht mit komplexem HTML-Code zu befassen - Sie können Ihren Feed mit wenigen Klicks gestalten.

Klicken Sie anschließend auf die kleine Schaltfläche Anpassen in der oberen linken Ecke.

Von dieser Seite aus können Sie nun die anderen Optionen nutzen, um Ihren YouTube-Feed anzupassen. Um fortzufahren, klicken Sie auf die Schaltfläche "Kopfzeile" auf der linken Seite.

Kopfzeilenoptionen öffnen youtube feed

Von hier aus können Sie eine Kopfzeile am oberen Rand Ihres YouTube-Feeds anzeigen, indem Sie die Option Aktivieren anklicken.

Darunter haben Sie die Option Kopfzeilenstil, um das Design Ihrer Kopfzeile auszuwählen. Sie können hier aus 2 Optionen wählen:

  • Standard: Zeigen Sie den Namen und das Symbol des YouTube-Kanals oben in Ihrem Feed an.
  • Text: Zeigen Sie stattdessen eine Textzeile am Anfang Ihres Feeds an.
Kopfzeile Optionen youtube feed pro

Nachdem Sie Ihre Kopfzeilenoptionen festgelegt haben, klicken Sie oben auf die Schaltfläche Speichern .

Wie du sehen kannst, ist es super einfach, das Design deines YouTube-Feeds mit Hilfe dieses Plugins einzustellen. Sie können die Größe Ihres Feeds, die Farben, die Schaltflächen, das Leuchtpult und vieles mehr ändern.

Sind Sie fertig mit der Anpassung des Aussehens Ihres YouTube-Feeds? Vergessen Sie nicht, auf die Schaltfläche " Speichern" zu klicken und mit dem letzten Schritt unten fortzufahren.

Schritt 6: Fügen Sie Ihren YouTube-Feed zu WordPress hinzu

Mit dem Plugin können Sie Ihren YouTube-Feed ganz einfach an verschiedenen Stellen Ihrer Website anzeigen:

  • Auf Ihrer Seite in WordPress
  • In Ihrer Seitenleiste oder Fußzeile in WordPress

Sie sind sich nicht sicher, wo Sie es platzieren möchten? Das ist kein Problem. Wir werden beide Schritte weiter unten erläutern.

YouTube-Feed zur WordPress-Seite hinzufügen

Wenn Sie sich dafür entscheiden, Ihren YouTube-Feed auf Ihrer Seite einzubetten, können Sie den Live-Feed-Editor des Plugins verwenden.

Klicken Sie zunächst auf die Schaltfläche Einbetten am oberen Rand.

Ihren Youtube-Feed einbetten

Als Nächstes wird ein Popup-Fenster angezeigt, in dem Sie den Speicherort für Ihren neuen YouTube-Feed auswählen können. Um fortzufahren, kopieren Sie den Shortcode oder klicken Sie einfach auf die Schaltfläche Zu einer Seite hinzufügen .

in eine Seite einbetten youtube feed

Sie sehen dann eine Liste der WordPress-Webseiten auf Ihrer Website. Wählen Sie nun die Seite aus, auf der Sie Ihren Feed einbetten möchten, und klicken Sie auf Hinzufügen.

Wählen Sie Ihre Seite wordpress

Sobald du das getan hast, zeigt dir YouTube Feed Pro diese Seite im WordPress-Editor an, damit du deinen Feed einbetten kannst.

Um hier einen Inhaltsblock hinzuzufügen, klicken Sie auf das Pluszeichen (+) am oberen Rand.

einen Block Wordpress-Seite hinzufügen

Suchen Sie in der Suchleiste nach "youtube feed" und klicken Sie dann auf das unten stehende Widget " Feeds for YouTube" .

Klicken Sie abschließend auf Aktualisieren oder Veröffentlichen, und Ihr Feed wird live geschaltet. Sie können Ihre Website öffnen, um zu sehen, wie der YouTube-Feed für Ihre Besucher aussieht.

Beispiel-Youtube-Feed auf Ihrer Website

Werfen wir also einen Blick auf die nächste Methode zum Einbetten von YouTube-Feeds.

Da das Plugin mit einem vorgefertigten WordPress-Widget geliefert wird, können Sie Ihren YouTube-Feed in nur wenigen Sekunden in Ihren Sidebar-Bereich einfügen - ohne dass Sie einen Code einbetten müssen.

Um zu beginnen, öffnen Sie Ihren YouTube-Feed noch einmal im Live-Feed-Editor.

Sie können dies tun, indem Sie zum Menü YouTube Feed " Alle Feeds navigieren und auf Ihren früheren YouTube-Feed klicken.

Sobald der Live-Feed-Editor geöffnet ist, klicken Sie auf die Schaltfläche Einbetten am oberen Rand.

Ihren Youtube-Feed einbetten

Um ein YouTube-Kanal-Widget in Ihre Website einzubinden, klicken Sie auf die Option Zu einem Widget hinzufügen in diesem Popup.

einbetten in ein Widget youtube feed pro

Das Plugin leitet Sie dann zur Seite Widgets auf Ihrer Website weiter. Nun können Sie wählen, ob Sie Ihren YouTube-Feed in der Seitenleiste oder in der Fußzeile einbetten möchten.

Um Ihren YouTube-Feed in die Seitenleiste einzubinden, klicken Sie auf dieser Seite auf das Feld Seitenleiste .

Sidebar-Panel öffnen

Oder Sie können stattdessen auf das Fußzeilen-Panel klicken, um YouTube-Inhalte dort einzubetten.

Fußzeilen-Panel öffnen

Klicken Sie schließlich auf das Plus-Symbol (+) und wählen Sie das Widget Feeds für YouTube aus.

Youtube-Widget zu Ihrer Website hinzufügen

Schon haben Sie Ihren YouTube-Feed als Widget eingebettet. Jetzt können Sie auf die Schaltfläche Aktualisieren klicken, um die Änderungen zu bestätigen.

Wenn Ihre Website-Besucher Ihren Sidebar-Bereich besuchen, sehen sie Ihr YouTube-Feed-Widget wie folgt dargestellt:

Beispiel-Feed, wenn Sie youtube feed pro verwenden, um einen youtube-Feed zu Ihrer Website hinzuzufügen

So, da haben Sie es! Wenn Sie die Schritt-für-Schritt-Anleitung in diesem Tutorial befolgen, können Sie jetzt ganz einfach einen YouTube-Feed zu Ihrer WordPress-Website hinzufügen - in weniger als 5 Minuten!

Jetzt können Sie Ihre Reise zu mehr Abonnenten und zum Wachstum Ihres YouTube-Kanals in kürzester Zeit beginnen.

Worauf warten Sie noch? Starten Sie hier mit YouTube Feed Pro .

WordPress Social Media Feed Tutorials

Autorenavatar
Lianne Laroya Leiterin für Inhaltsmarketing
Lianne ist Content Marketing Manager bei Smash Balloon und verfügt über mehr als 12 Jahre Erfahrung in den Bereichen WordPress-Inhalte, Social Media Marketing, nutzergenerierte Inhalte (UGC) und Suchmaschinenoptimierung (SEO).

Einen Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte denken Sie daran, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und sinnvolles Gespräch führen.