Möchtest du wissen, wie du ein YouTube-Widget für deine Website erstellen kannst?
Da YouTube das wichtigste soziale Netzwerk für Videoinhalte ist, können YouTube-Widgets eine gute Möglichkeit sein, um Besucher anzusprechen oder Ihren Kanal zu vergrößern.
Das direkte Hinzufügen von YouTube-Widgets kann jedoch knifflig sein - vor allem, wenn Sie nicht an den Umgang mit Code gewöhnt sind.
Um Ihnen dabei zu helfen, haben wir eine vollständige Anleitung zum Hinzufügen von YouTube-Widgets zu Ihrer Website zusammengestellt.
In diesem Artikel werden mehrere Methoden behandelt. Sie können also auf die Methode klicken, zu der Sie wechseln möchten:
Warum ein YouTube-Widget für Ihre Website verwenden?
- Sie können soziale Beweise wie Rezensionen und Erfahrungsberichte auf YouTube zeigen und Menschen davon überzeugen, Ihre Produkte zu kaufen.
- Um mehr Aufrufe, Likes und Abonnenten zu erhalten, können Sie Ihre eigenen Videoinhalte mit einem YouTube-Widget zeigen
- Ihr YouTube-Widget kann Ihren Livestream auch für die Besucher Ihrer Website freigeben, so dass Sie interessierte Menschen zum Mitmachen bewegen können.
- Sie können nutzergenerierte Inhalte (User Generated Content, UGC) von Ihren Kunden teilen, um mehr Menschen zu ermutigen, Videoinhalte über Ihre Marke zu erstellen.
- Indem Sie relevante Inhalte von YouTube zeigen, können Sie die Aufmerksamkeit der Besucher wecken und sie auf Ihrer Website halten.
Der einfachste Weg, ein YouTube-Widget zu WordPress hinzuzufügen?
Wenn Sie Ihrer Website ein YouTube-Widget hinzufügen möchten, können Sie zwischen 2 Optionen wählen:
- Manuelles Hinzufügen des YouTube-Widgets zu Ihrer Website
- Verwenden Sie ein WordPress-Plugin zum Erstellen und Einbetten des YouTube-Widgets
Die manuelle Methode hat den Nachteil, dass Sie mit CSS, JavaScript und anderen Programmiersprachen arbeiten müssen.
Als einfache Alternative können Sie stattdessen ein WordPress-Plugin verwenden. Auf diese Weise kann das Plugin die Videos abrufen und sie automatisch auf Ihrer Website anzeigen.
Und wenn es um YouTube-Feed-Plugins geht, ist die beste Option auf dem Markt YouTube Feed Pro von Smash Balloon.
Mit diesem fantastischen Tool können Sie YouTube-Widgets erstellen und sie mit nur wenigen Klicks auf Ihrer Website anzeigen - ganz ohne Programmierung.
Um die Arbeit noch einfacher zu machen, können Sie auch mit mehreren großartigen Funktionen arbeiten:
- Sie können Ihr Widget verwenden, um Videos aus Ihrem Kanal, YouTube-Wiedergabelisten, Live-Streams und mehr anzuzeigen.
- Da das Plugin so leichtgewichtig ist, können Sie tonnenweise YouTube-Videos anzeigen, und Ihr Feed wird trotzdem blitzschnell geladen.
- Damit Sie Ihren Kanal erweitern können, können Sie mit dem Plugin ein Banner mit einer Schaltfläche zum Abonnieren anzeigen, während Ihr Video abgespielt wird.
- Mit einem einzigen Klick können Sie eine vorgefertigte Vorlage importieren und sogar den Live-Editor verwenden, um Ihr Widget im Detail zu gestalten.
Wie Sie sehen können, bietet YouTube Feed Pro die einfachste Möglichkeit, YouTube-Widgets in Websites einzubinden.
Sind Sie bereit, mit YouTube-Marketing zu beginnen? Holen Sie sich noch heute Ihr Exemplar von YouTube Feed Pro.
Methoden zur Erstellung eines YouTube-Widgets für Ihre Website
Sehen wir uns nun die Schritte an, die Sie unternehmen können, um ein YouTube-Widget für Ihre Website zu erstellen. Wir beginnen mit der einfachsten Methode und arbeiten uns dann zu den schwierigsten Anweisungen vor.
Methode 1: Erstellen Sie ein YouTube-Widget mit einem WordPress-Plugin
Wie bereits erwähnt, besteht die einfachste Methode darin, ein WordPress-Plugin zu verwenden, das YouTube-Videos für Sie abruft und anzeigt.
Dann fangen wir mal an:
Schritt 1: Downloaden und installieren Sie das YouTube Feed Pro Plugin
Klicken Sie zunächst hier, um Ihr Exemplar von YouTube Feed Pro zu erhalten. Als nächstes installieren und aktivieren Sie dieses Plugin auf Ihrer Website.
Wenn Sie sich nicht sicher sind, wie Sie das machen sollen, können Sie einfach diese Schritte befolgen , um ein WordPress-Plugin zu installieren.
Schritt 2: Erstellen Sie ein neues YouTube-Widget
Sie können nun der 3-Schritte-Anleitung folgen, um ein neues YouTube-Widget zu erstellen.
Öffnen Sie zunächst das Menü YouTube-Feed " Alle Feeds in Ihrem WordPress-Dashboard-Bereich.
Von dort aus können Sie auf die Schaltfläche Neu hinzufügen klicken.
Wenn Sie das tun, können Sie mit YouTube Feed Pro die Art der YouTube-Inhalte auswählen, die in Ihrem Widget angezeigt werden sollen. Die enthaltenen Optionen sind:
- Kanal: Ein Feed, der Inhalte von einem YouTube-Kanal mit einer Kanal-ID oder einem Benutzernamen anzeigt
- Wiedergabeliste: Zeigen Sie bestimmte Wiedergabelisten in einem Feedan, indem Sie die YouTube-Wiedergabelisten-ID eingeben.
- Suche: Verwenden Sie den Such-Feed-Typ, um Inhalte auf der Grundlage bestimmter Suchbegriffe oder Phrasen anzuzeigen.
- Live-Streams: Zeigen Sie ein einzelnes kommendes oder live gestreamtes Video in Ihrem Feed an.
- Einzelne Videos: Einzelne Videos der Reihe nach anzeigen
Um fortzufahren, wählen Sie Ihren Feed-Typ aus und klicken Sie dann auf Weiter.
In unserem Beispiel verwenden wir die Option Kanal, um einen YouTube-Kanal in das Widget einzubetten.
Schritt 3: Fügen Sie Ihre YouTube-Widget-Quelle hinzu
Nachdem du nun ein neues Widget erstellt hast, musst du es mit deinem YouTube-Konto verbinden. Am einfachsten geht das mit einem API-Schlüssel.
Pro-Tipp: Falls Sie noch keinen Schlüssel haben, können Sie einfach dieser einfachen Anleitung zur Erstellung eines neuen API-Schlüssels folgen.
Sobald Sie Ihren API-Schlüssel haben, fügen Sie ihn in das Popup-Fenster ein , bevor Sie auf Hinzufügen klicken.
Nun ist es an der Zeit, die YouTube-Inhalte auszuwählen, die Sie anzeigen möchten. In diesem Beispiel verwenden wir einen YouTube-Kanal.
Öffnen Sie zunächst den YouTube-Kanal, den Sie einbetten möchten. Sie finden die Kanal-URL oben in der Adressleiste.
Kopieren Sie dort alles nach /user/ oder /channel/ und kehren Sie dann zu Ihrer Website zurück.
Fügen Sie auf Ihrer Website den soeben kopierten Code in das Feld Kanal-ID oder Benutzername ein, bevor Sie auf Weiter klicken.
In ähnlicher Weise können Sie den Code aus der URL Ihrer Wiedergabelisten, Live-Streams, einzelnen Videos und mehr für andere Feed-Typen kopieren.
Schritt 4: Passen Sie Ihr YouTube-Widget an
Wenn Sie wirklich wollen, dass sich Ihr YouTube-Widget vom Rest Ihrer Inhalte abhebt, können Sie aus einer Sammlung von Feed-Vorlagen wählen:
- Standard
- Karussell
- Karten
- Liste
- Galerie
- Aktuelles Video
- Schaukasten-Karussell
- Widget
Wählen Sie einfach eine Vorlage aus, die Sie bevorzugen, und klicken Sie dann auf die Schaltfläche Weiter.
Auf diese Weise können Sie ein vorgefertigtes Design für Ihr YouTube-Widget importieren.
Damit Sie Ihr Widget im Detail anpassen können, zeigt Ihnen das Plugin jetzt den Live-Feed-Editor. Hier können Sie das Layout, das Farbschema, die Kopfzeile, die Größe des Feeds und vieles mehr ändern.
Wann immer Sie Änderungen vornehmen, können Sie in der Live-Vorschau auf der rechten Seite sehen, wie Ihr YouTube-Widget aussieht.
Klicken Sie zunächst auf die Option Feed-Layout auf der linken Seite, um zu beginnen.
Von hier aus können Sie aus 4 verschiedenen Layouts für Ihr YouTube-Widget wählen:
- Raster: Mehrere Videos auf einmal in verschiedenen Zeilen und Spalten einbetten
- Galerie: Zeigt einen großen Videoplayer mit kleinen Miniaturbildern darunter
- Liste: YouTube-Videos in einer einzigen Spalte anzeigen
- Karussell: Zeigen Sie Ihre Videos als Diashow auf Ihrer Website
Wenn Sie auf die einzelnen Layout-Optionen klicken, können Sie weitere Einstellungen vornehmen, z. B. wie viele Spalten verwendet werden sollen usw.
Wenn Sie ein Layout ausgewählt haben, das Ihnen gefällt, klicken Sie auf Speichern, um Ihre Änderungen zu übernehmen.
Um mit der Anpassung Ihres Widgets fortzufahren, klicken Sie oben links auf die Schaltfläche Anpassen .
Nun können Sie die Farben Ihres Widgets bearbeiten, indem Sie auf die Option Farbschema auf der linken Seite klicken.
Mit YouTube Feed Pro können Sie ganz einfach alle Farben auf einmal ändern, indem Sie ein Farbschema auswählen.
Hier haben Sie 4 Farbschemata zur Auswahl:
- Vererben vom Theme: Stellen Sie sicher, dass Ihr Widget die Farben Ihrer Website übernimmt
- Hell: Verwenden Sie helle Farben und dunkle Schrift für Ihr YouTube-Widget
- Dunkel: Ein Widget mit einer dunklen Hintergrundfarbe und einer hellen Schriftfarbe anzeigen
- Benutzerdefiniert: Wählen Sie manuell alle YouTube-Widget-Farben selbst aus
Denken Sie daran, auf Speichern zu klicken, um Ihre Änderungen zu bestätigen, sobald Sie ein Farbschema ausgewählt haben.
Wie zuvor kannst du oben links auf Anpassen klicken, um das Design deines YouTube-Widgets weiter zu ändern.
Klicken Sie nun im linken Bereich auf die Option Kopfzeile, um das Aussehen der Kopfzeile Ihres Widgets zu ändern.
Sie können Ihre Kopfzeile ein- oder ausblenden, indem Sie die Option Aktivieren umschalten.
Darunter können Sie eine Standard-Kopfzeile mit Ihrem Kanalnamen, Logo, der Anzahl der Abonnenten und Beschreibungen einblenden.
Sie können auch eine Textüberschrift auswählen und einen benutzerdefinierten Text für die Kopfzeile Ihres YouTube-Widgets schreiben.
Klicken Sie anschließend auf Speichern, um Ihre Änderungen zu bestätigen, genau wie zuvor.
Mit den verbleibenden Optionen können Sie nun die Größe Ihres Feeds, das Design der Schaltflächen, die sichtbaren Elemente und vieles mehr festlegen. Sie können sogar Ihren Social-Media-Feed kuratieren, indem Sie hier Filter hinzufügen.
Wenn du mit dem Design deines YouTube-Widgets zufrieden bist, klicke erneut auf die Schaltfläche Speichern .
Schritt 5: Zeigen Sie Ihr YouTube-Widget an
Nachdem Sie nun Ihr YouTube-Widget erstellt haben, können Sie es auf Ihrer Website anzeigen. Um Ihr YouTube-Widget in eine Seite einzubinden, können Sie einfach den Live-Feed-Editor verwenden.
Klicken Sie einfach auf die Schaltfläche Einbetten in der oberen rechten Ecke.
Nun wird ein Popup-Fenster angezeigt, in dem Sie den Ort für Ihr YouTube-Feed-Widget festlegen können. Sie können wählen, ob Sie Inhalte sozialer Medien auf Ihrer Webseite oder in Widget-fähigen Bereichen Ihrer Website anzeigen möchten.
Klicken Sie zunächst auf die Schaltfläche Zu einer Seite hinzufügen in dem Popup.
YouTube Feed Pro zeigt Ihnen dann eine Liste der Seiten auf Ihrer WordPress-Website.
Um fortzufahren, wählen Sie eine Seite aus der Liste aus und klicken Sie dann auf Hinzufügen.
Dadurch wird diese Seite im WordPress-Block-Editor geöffnet. Klicken Sie nun im Block-Editor auf das Plus-Symbol (+), um einen neuen Inhaltsblock auszuwählen.
Verwenden Sie nun die Suchleiste oben, um nach "youtube feed" zu suchen, und klicken Sie dann auf das Widget " Feeds for YouTube" .
Auf diese Weise wird das YouTube-Feed-Widget auf Ihrer Seite eingebettet. Klicken Sie nun oben auf die Schaltfläche Aktualisieren oder Veröffentlichen, und Ihr YouTube-Widget wird online sein.
Öffnen Sie einfach Ihre Website, und Sie können sehen, wie sie aussieht.
Sehen wir uns nun die nächste Möglichkeit an, Ihr YouTube-Feed-Widget einzubetten.
Methode 2: Erstellen Sie ein YouTube-Widget für Ihre WordPress-Seitenleiste oder Fußzeile
Das YouTube Feed Pro Plugin wird auch mit einem vorgefertigten WordPress-Widget geliefert, das Sie in die Sidebar-Bereiche Ihrer Website einfügen können, z. B. in die Fußzeile oder die Seitenleiste.
Um ein YouTube-Widget in der Seitenleiste von WordPress anzuzeigen, folgen Sie den obigen Schritten, um Ihr Feed-Widget zu erstellen.
Gehen Sie dann in Ihrem WordPress-Dashboard auf YouTube-Feed " Alle Feeds und klicken Sie dann auf Ihr YouTube-Widget.
Ihr YouTube-Feed-Widget wird wieder im Live-Feed-Editor geöffnet.
Wie bei der vorherigen Methode klicken Sie oben auf die Schaltfläche Einbetten.
Mit Hilfe des Popups können Sie dieses YouTube-Feed-Widget in Ihre Seitenleiste oder Fußzeile einbetten.
Klicken Sie einfach hier auf die Schaltfläche Zu einem Widget hinzufügen .
Wenn Sie darauf klicken, gelangen Sie auf die Widgets-Seite Ihrer Website, wo Sie die Widgets in Ihrer Seitenleiste oder Fußzeile verwalten können.
Möchten Sie das YouTube-Feed-Widget in der Seitenleiste anzeigen? Klicken Sie auf das Feld Seitenleiste .
Wenn Sie YouTube-Inhalte in der Fußzeile anzeigen möchten, können Sie hier auf Fußzeile klicken.
Für unser Beispiel nehmen wir zunächst die Seitenleiste.
Sie können auf das Plus-Symbol (+) klicken, um ein neues Widget hinzuzufügen.
Danach klicken Sie einfach auf das Feeds for YouTube-Widget in den Optionen.
Klicken Sie auf Aktualisieren, und Ihr neues YouTube-Feed-Widget ist nun online.
Wenn Sie zum Anfang Ihrer Website navigieren, können Sie sehen, wie Ihr YouTube-Kanal-Widget funktioniert.
Methode 3: Manuelles Erstellen eines YouTube-Widgets für Ihre Website
Wenn Sie ein YouTube-Widget für Ihre Website manuell erstellen möchten, müssen Sie den Einbettungscode von YouTube kopieren und auf Ihrer Website einfügen.
Da Sie hin und her gehen müssen, um den Einbettungscode für jedes Video einzufügen, dauert die Verwendung dieser Methode viel länger. Außerdem bietet sie nicht das gleiche Maß an Anpassungsmöglichkeiten, das Sie mit einem WordPress-Plugin erreichen können.
Um Ihr Widget genau so aussehen zu lassen, wie Sie es wünschen, müssen Sie möglicherweise einen Entwickler beauftragen.
Es gibt jedoch 2 Möglichkeiten, ein YouTube-Widget in WordPress manuell zu erstellen, und zwar
- Durch Einfügen einer YouTube-Video-URL direkt in Ihren WordPress-Editor
- Kopieren des iFrame-Einbettungscodes aus der Freigabeoption des Videos
Mit keiner der beiden Methoden können Sie einen kompletten Feed von Videos anzeigen, so dass Ihr Widget nur 1 Video anzeigen kann.
YouTube-URL-Methode
Um die erste Option auszuprobieren, öffnen Sie zunächst das YouTube-Video, das Sie einbetten möchten.
Nachdem Sie das Video geöffnet haben, kopieren Sie die URL von oben.
Erstellen Sie anschließend eine neue Seite auf Ihrer WordPress-Website, indem Sie in Ihrem Dashboard zum Menü Seiten " Neu hinzufügen" navigieren.
Wenn Sie stattdessen einen WordPress-Beitrag verwenden möchten, gehen Sie in Ihrem Dashboard auf Beiträge " Neu hinzufügen .
Für unser Beispiel werden wir eine WordPress-Seite verwenden.
Fügen Sie dann die URL direkt in den klassischen oder Block-Editor des neuen Beitrags oder der neuen Seite ein.
Wenn Sie das tun, wandelt WordPress diese URL in ein YouTube-Video um und zeigt es auf Ihrer Seite oder in Ihrem Beitrag an.
Sie können diese Methode auch verwenden, um Ihr Widget in einer Seitenleiste anzuzeigen.
Navigieren Sie einfach zu Darstellung " Widgets, damit Sie Ihre WordPress-Widgets verwalten können.
Klicken Sie dort auf die Option Sidebar , um das Video in Ihre Sidebar einzubetten.
Möchten Sie ein Video in Ihrer Fußzeile anzeigen? Klicken Sie stattdessen auf das Fußzeilen-Panel.
In diesem Tutorial werden wir uns mit der Seitenleiste beschäftigen.
Klicken Sie hier auf das Plus-Symbol (+), um ein neues Widget hinzuzufügen, und wählen Sie dann Absatz aus der Liste
Fügen Sie nun einfach die URL Ihres YouTube-Videos in das Absatz-Widget ein, um Ihr Video einzubetten.
Schließlich gibt es noch eine weitere Möglichkeit, YouTube-Inhalte in Ihre Website einzubinden.
YouTube iFrame-Methode
Um die kompliziertere iFrame-Methode zu verwenden, suchen Sie zunächst das YouTube-Video, das Sie einbetten möchten, und klicken Sie auf das Symbol Freigeben.
Wählen Sie auf dem nächsten Bildschirm die Option Einbetten.
Kopieren Sie nun den gesamten Code, der in der Box angegeben ist.
Klicken Sie im WordPress-Block-Editor auf das Plus-Symbol (+) und suchen Sie nach dem Widget "Custom HTML" . Klicken Sie in den Suchergebnissen einfach auf den Custom HTML-Block in den Optionen.
Fügen Sie anschließend Ihren Einbettungscode in den benutzerdefinierten HTML-Block ein und klicken Sie auf Veröffentlichen.
Wenn Sie Ihre Seite in der Vorschau anzeigen, sieht sie ähnlich aus wie im folgenden Beispiel.
Um mit dieser Methode ein YouTube-Widget für die Seitenleiste Ihrer Website zu erstellen, öffnen Sie einfach Ihre Widgets-Seite, indem Sie erneut auf Erscheinungsbild " Widgets gehen.
Wie zuvor können Sie zwischen einer Seitenleiste und einer Fußzeile wählen.
Klicken Sie dann auf das Plus-Symbol (+) und fügen Sie das benutzerdefinierte HTML-Widget in Ihrer Seitenleiste oder Fußzeile ein.
Zum Schluss fügen Sie den Einbettungscode in das Widget ein, um das YouTube-Video einzubetten.
Ziehen Sie nun das Widget in die gewünschte Seitenleiste, fügen Sie den Einbettungscode ein und klicken Sie auf Speichern.
Und da haben Sie es!
So können Sie YouTube-Widgets für Ihre Website erstellen, um mehr Aufrufe zu erhalten, Ihre Fangemeinde zu vergrößern oder sogar Ihre Website-Besucher einzubinden.
Wie du siehst, ist es mit YouTube Feed Pro super einfach, YouTube-Widgets einzubetten - selbst wenn du neu in WordPress bist.
Sind Sie bereit, YouTube-Widgets auf einfache Weise einzubinden? Klicken Sie hier, um mit YouTube Feed Pro loszulegen.
Möchten Sie auch Ihre Instagram-Videos aufpeppen? Dann schau dir diesen kompletten Leitfaden an , wie du beliebte Instagram-Videos machst.
Andere Social Media-Leitfäden & Tutorials
- Arten von YouTube-Videos, mit denen Sie Ihre Abonnentenzahlen leicht in die Höhe treiben können
- Wie man auf YouTube Geld verdient, ohne sein Gesicht zu zeigen
- TikTok ist Ihre Geheimwaffe: Die besten TikTok-Ideen für kleine Unternehmen
- Wie man mehrere TikTok-Videos auf einmal einbettet (Zero Coding Methode)
