Youtube-Playlist und Feed mit Elementor einbinden | FREE!

Youtube-Playlist in Elementor

Youtube-Playlist und Feed mit Elementor einbinden

Ich war auf der Suche nach einem WordPress-Plugin, mit dem ich einen Youtube-Feed bzw. eine Playlist mittels Elementor einbinden kann. Nat├╝rlich sollte sich die Video-├ťbersicht automatisch aktualisieren und DSGVO-konform sein.

Nach dem Test einiger Plugins, die nur via Shortcode in Elementor eingebunden werden k├Ânnen, habe ich dann tats├Ąchlich noch ein wirklich wundervolles Plugin gefunden:

Video Box Widget | Premium Addons*

Auf dieser Seite des Herstellers findest du auch Anwendungsbeispiele.

Das Widget f├╝r die Einbindung der Videos ist kostenlos, also in der Free-Version vorhanden.

Insgesamt kann ich diese Sammlung von Elementor-Erweiterungen nur empfehlen. Es gibt zwar diverse Pakete und die Anzahl der Widgets von Premium Addons ist ├╝berschaubar, aber daf├╝r ├╝berzeugen diese mit hervorragender Qualit├Ąt – im Gegensatz zu anderen von mir getesteten Elementor-Erweiterungen.

Vorteile des Plugins

Nachteile des Plugins

Google API einrichten

Der leider etwas aufwendigere Part ist die Beschaffung eines Schl├╝ssels f├╝r die API, damit die Videos auch tats├Ąchlich von Youtube abgerufen werden k├Ânnen. Die gleiche Herausforderung hat man ja auch beim Einbinden von Google-Bewertungen auf der eigenen Website. Solltest du dieses Tutorial schon umgesetzt haben, sollte dir das Thema vertraut vorkommen.

Bei Google registrieren

Wenn noch nicht geschehen, musst du dich bei Google registrieren: Google-Konto einrichten

Projekt anlegen

Rufe die Entwicklerkonsole auf: Entwicklerkonsole

Klicke dann oben links auf das Navigationsmen├╝ und klicke auf „Abrechnung“.

Hier musst du ein Abrechnungskonto erstellen. Das ist kostenlos, zur Verifizierung musst du aber deine Bankkartendaten hinterlegen. 

Wenn du damit durch bist, gehe wieder in die Entwicklerkonsole und klicke auf den Button „Projekt erstellen“.

Hier musst du nichts weiter eintragen, sondern brauchst nur auf den Button „Erstellen“ klicken.

Sicherheitsschl├╝ssel anlegen

Klicke wieder oben links auf das Navigationsmen├╝ und w├Ąhle den Punkt „Marketplace“ aus. Suche dort nach „youtube data api v3“:

Klicke auf das Ergebnis und anschlie├čend auf den Button „Aktivieren“.

W├Ąhle dann im Navigationsmen├╝ oben links den Punkt „APIs & Dienste“ -> „Anmeldedaten“ aus.

Klicke auf den Button „Anmeldedaten erstellen“ -> „API-Schl├╝ssel“.

Es ├Âffnet sich eine neue Seite. Dort wird nach der Art der Qualifikation gefragt.

W├Ąhle dort „├ľffentliche Daten“ aus und klicke auf „Weiter“:

Als n├Ąchstes wird dir der API-Schl├╝ssel angezeigt. Kopiere diesen und klicke auf „Fertig“:

Plugin "Premium Addons for Elementor" einrichten

Plugin installieren

Dann kann das Plugin installiert werden. Dieses kannst du ganz normal aus dem WordPress-Backend installieren. Suche daf├╝r nach „Premium Addons for Elementor“. Alternativ kannst du es auch von der WordPress-Pluginseite herunterladen und in WordPress importieren. Anschlie├čend musst du es noch aktivieren.

API-Schl├╝ssel einf├╝gen

Rufe dir als n├Ąchstes die Plugin-Einstellung von „Premium Addons“ auf und gehe in den Reiter „Integration“. Dort muss der von dir angelegte Youtube API-Schl├╝ssel hinterlegt werden:

Widget aktivieren

Damit dir die Video-Box auch in Elementor angezeigt wird, stelle im Reiter „Widget & Add-ons“ sicher, dass die Video-Box auch aktiviert ist:

Youtube-Playlist und Feed als Elementor-Widget einbinden

Nun kannst du die Seite aufrufen, auf der du die Youtube-Playlist oder einen Youtube-Feed einbinden m├Âchtest.

In der Elemente-├ťbersicht steht dir das Widget mit dem Namen „Premium Video Box“ zur Verf├╝gung:

In den Einstellungen kannst du ausw├Ąhlen, ob Videos aus einer Playlist oder eines Kanals eingeblendet werden sollen. Auch l├Ąsst sich einstellen, wie oft eine Aktualisierung erfolgen soll:

Kanal ID / Channel ID ermitteln

Wenn du, wie ich, deine Kanal-ID nicht im Kopf hast, suche bei Youtube nach deinem Kanal und klicke bei den Suchergebnissen auf das Profilbild von dir:

Anschlie├čend findest du die Kanal-ID in der URL:

Kanal-ID

Playlist-ID ermitteln

Um die Youtube-Playlist-ID zu ermitteln, rufe deine Playlist auf. In der URL findest du dann die ID nach list=

Darstellungsoptionen

Auf dem folgenden Screenshot kannst du sehen, welche Darstellungsoptionen es aktuell gibt. Neben der Anzahl der Spalten, kann auch festgelegt werden, was mit dem Thumbnail passieren soll, wenn der Mauszeiger dr├╝ber f├Ąhrt. Und nat├╝rlich l├Ąsst sich auch der Privacy Mode und die Anzahl der angezeigten Videos einstellen:

Im Reiter „Stil“ l├Ąsst sich dann nat├╝rlich auch wieder festlegen, wie die Darstellung der Videobox, des Icons und des Video-Titels erfolgen soll. Farben und Schriftarten lassen sich Elementor-typisch anpassen.

Schlusswort

Ich bin sehr zufrieden mit dem Video-Box-Plugin von „Premium Addons for Elementor*“ und kann von dem Plugin auch die kostenpflichtige Version mit weiteren Widgets empfehlen. Solltest du Schwierigkeiten beim Einbinden deiner Youtube-Playlist oder Feeds haben, dann schreibe einen Kommentar oder melde dich per E-Mail bei mir.

Schreibe einen Kommentar

Abonnieren
Benachrichtige mich bei
0 Kommentare
Inline Feedbacks
View all comments

Die mit Sternchen (*) gekennzeichneten Verweise sind sogenannte Provision-Links. Wenn du auf so einen Verweislink klickst und ├╝ber diesen Link einkaufst, bekomme ich von deinem Einkauf eine Provision. F├╝r dich ver├Ąndert sich der Preis nicht.┬á

0
Hast du Fragen? Dann schreibe einen Kommentar ;-)x
()
x
Newsletter abonnieren

Erhalte regelm├Ą├čig Informationen zu neuen Tipps und Tutorials.