YouTube-Feed-Integration: Einrichtung und Hilfe

Schnellstart

  1. Laden Sie die ZIP-Datei mpryoutubeintegration unter Module > "Module Manager" hoch und installieren Sie sie.
  2. Klicken Sie auf "Configure". Lassen Sie unter YouTube-Verbindung die Einstellung Modul aktivieren auf Ja.
  3. Geben Sie echte öffentliche Video-URLs (manuell) ein, eine pro Zeile. Für diesen ersten Test benötigen Sie keinen API-Schlüssel.
  4. Wählen Sie unter Anzeigeeinstellungen den Wert Anzeige-Hook displayHome. Lassen Sie Layout > Layout-Typ auf grid.
  5. Wählen Sie unter Video-Informationen für Player-Modus den Wert embed für die Lightbox oder newtab für YouTube.
  6. Klicken Sie auf Speichern und öffnen Sie dann den Shop dort, wo der gewählte Hook ausgegeben wird.
  7. Prüfen Sie die Vorschaubilder, klicken Sie auf ein Video und prüfen Sie Wiedergabe oder YouTube-Ziel. Schließen Sie im Einbettungsmodus den Player und bestätigen Sie, dass die Wiedergabe stoppt.

Erfordert PrestaShop 1.6 oder neuer und PHP 7.1 oder neuer.

Einrichtungsanleitung

Installation und erste Konfiguration

Verwenden Sie bei älteren PrestaShop-Versionen die entsprechende Modulinstallationsseite. Öffnen Sie dieses Modul über "Configure", wenn Sie zu seinen Einstellungen zurückkehren möchten.

YouTube-Verbindung

Einstellung Standard Ihre Aufgabe
Modul aktivieren Ja Aktivieren oder deaktivieren Sie den eigenständigen Shop-Feed.
YouTube-API-Schlüssel Leer Geben Sie nur dann einen Schlüssel für YouTube Data API v3 ein, wenn Sie Kanal- oder Playlist-Videos automatisch abrufen möchten.
Kanal-ID Leer Legen Sie die Kanalquelle und das Ziel der Abonnieren-Schaltfläche fest. Erwartet wird die Kanal-ID, kein @handle.
Kanalname Leer Legen Sie die Beschriftung des Kanallinks im Feed-Kopfbereich mit Titel fest. Setzen Sie auch Kanal-ID, damit der Link ein Ziel hat.
Playlist-ID Leer Wird bei Vorhandensein als API-Quelle verwendet und hat Vorrang vor Kanal-ID.
Video-URLs (manuell) Leer Geben Sie unterstützte öffentliche Video-URLs ein, eine pro Zeile. Sie dienen auch als Ersatz, wenn die API keine Videos zurückgibt.

Anzeigeeinstellungen

Einstellung Standard Ihre Aufgabe
Anzeige-Hook displayHome Wählen Sie displayHome, displayFooterBefore, displayFooter, displayLeftColumn oder displayRightColumn. Ihr Theme muss den gewählten Hook ausgeben.
Abschnittstitel Our YouTube Channel Legen Sie die Feed-Überschrift fest. Zum Ausblenden leer lassen.
Abonnieren-Button anzeigen Ja Zeigen Sie den Link zum Abonnieren des Kanals an, wenn Kanal-ID gesetzt ist.
Text der Abonnieren-Schaltfläche Subscribe Legen Sie die Schaltflächenbeschriftung fest.
Auf Mobilgeräten anzeigen Ja Erlauben Sie den Feed für Besucher, die PrestaShop als mobil erkennt.

Der Profil-/Kanallink im Kopfbereich liegt innerhalb des Abschnittstitelblocks. Legen Sie Abschnittstitel fest, damit dieser Link erscheint. Die separate Folgen-/Abonnieren-Schaltfläche hat einen eigenen Schalter.

Layout

Einstellung Standard Ihre Aufgabe
Layout-Typ grid Wählen Sie grid oder slider.
Anzahl der Videos 6 Legen Sie eine positive Zahl fest. API-Anfragen sind auf 25 Videos begrenzt.
Spalten (Desktop) 3 Wählen Sie 2, 3 oder 4 Grid-Spalten.
Spalten (Mobil) 1 Wählen Sie 1 oder 2 Grid-Spalten.
Abstand (px) 16 Legen Sie den Grid-Abstand in Pixeln fest.
Rahmenradius (px) 8 Legen Sie abgerundete Elementecken fest.
Hover-Effekt zoom Wählen Sie overlay, zoom, fade oder none.

Die Spalten- und Abstandseinstellungen gelten für das Feed-Layout. Prüfen Sie das Karussell bei den Desktop- und Mobilbreiten Ihres Shops.

Video-Informationen

Einstellung Standard Ihre Aufgabe
Titel anzeigen Ja Zeigen Sie den Videotitel und die verfügbare Kanal-/Autorenzeile an. Dies umschließt auch das formatierte Datum unter dem Titel.
Dauer anzeigen Ja Zeigen Sie die Dauer nur an, wenn die API-Videodetails sie enthalten.
Aufrufe anzeigen Ja Zeigen Sie die formatierte Anzahl an, wenn API-Statistiken verfügbar sind.
Datum anzeigen Ja Zeigen Sie eine Überlagerung mit relativem Datum und das verfügbare formatierte Quelldatum an. Das Datum unter dem Titel erfordert zusätzlich Titel anzeigen und einen nicht leeren Titel.
Player-Modus embed Wählen Sie embed für eine Lightbox auf der Seite oder newtab für einen YouTube-Tab.

Erweitert

Einstellung Standard Ihre Aufgabe
Lazy Load Ja Laden Sie Vorschau-/Medienbilder per JavaScript in der Nähe des sichtbaren Bereichs. Deaktivieren Sie dies, wenn dieses Laden blockiert wird.
Automatisches Scrollen (Slider) Nein Lassen Sie das Karussell automatisch weiterschalten. Dies wirkt sich nicht auf die Grid-/Listenausgabe aus.
Scrollgeschwindigkeit (ms) 4000 Legen Sie das Karussellintervall in Millisekunden fest.
Cache-Dauer 3600 Verwenden Sie abgerufene Daten für diese Anzahl Sekunden erneut. Verfügbar sind 900, 1800, 3600, 7200, 21600 und 86400.

Manuelle Videos, Kanal- und Playlist-Quellen

Verwenden Sie für manuelle Videos diese URL-Formate mit einer echten elfstelligen YouTube-Video-ID:

https://www.youtube.com/watch?v=ABCDEFGHIJK
https://youtu.be/ABCDEFGHIJK
https://www.youtube.com/embed/ABCDEFGHIJK
https://www.youtube.com/shorts/ABCDEFGHIJK

Die Beispiel-ID ist ein Platzhalter. Ersetzen Sie sie durch ein verfügbares Video. Der Parser extrahiert die ID und erstellt Wiedergabe-URL, Einbettungs-URL und Vorschaubild-URL auf img.youtube.com. Er fragt YouTube oEmbed nach Titel und Autor ab. Eine gültig ausgelesene ID erzeugt auch bei oEmbed-Fehlern eine Karte; Titel/Autor können jedoch leer sein und Vorschaubild/Player fehlschlagen.

Geben Sie für eine automatische Quelle YouTube-API-Schlüssel und Playlist-ID oder Kanal-ID ein. Bei gesetzter Playlist verwendet das Modul den Endpunkt playlistItems. Andernfalls verwendet es search für die nach Datum sortierten Kanalvideos. Anschließend ruft es videos-Details für Dauer und Statistiken ab. Das Ergebnis ist auf 25 pro API-Anfrage begrenzt. Gibt die API keine Videos zurück, werden manuelle URLs verwendet. Nach einer fehlgeschlagenen Playlist-Anfrage erfolgt kein neuer Versuch mit Kanal-ID.

Im manuellen Modus gibt es keine Dauer, Aufrufzahl oder Veröffentlichungsdatum. Die API-Datumsanzeige verwendet das Datum der gewählten Quelle. Sie zeigen einen konfigurierten Feed an; das Modul bietet keine Videozuordnung pro Produkt. Eine Produktseite kann denselben Feed anzeigen, wenn ihr Theme den gewählten Hook ausgibt.

Player-Verhalten

Bei Player-Modus embed fängt das Modul-JavaScript den Vorschaubildlink ab und öffnet eine Lightbox. Es befüllt eine YouTube-iframe-URL mit autoplay=1&rel=0. Schließen Sie über die Schaltfläche, einen Klick auf den Hintergrund oder Escape. Beim Schließen wird die iframe-Quelle geleert und die Wiedergabe gestoppt.

Im Modus newtab öffnet der Link die YouTube-Wiedergabeseite in einem neuen Tab. Ohne JavaScript führt der Vorschaubildlink ebenfalls zu YouTube, allerdings können per JavaScript verzögert geladene Vorschaubilder ungeladen bleiben. Das Modul kontrolliert weder Verfügbarkeit oder Werbung des externen Players noch Konto-/Videobeschränkungen. Testen Sie die konkreten Videos, die Sie verwenden möchten.

Cache und Aktualisierung

Der Feed-Cache verwendet diese lokale Datei:

modules/mpryoutubeintegration/mpryoutube_feed_cache.json

Die Feed-Daten liegen in einer lokalen JSON-Datei pro Modulinstallation. Shops mit demselben Modulverzeichnis teilen diese Datei. Eine Shopanfrage ruft Videos ab, wenn der Cache fehlt oder abgelaufen ist. Es gibt keinen geplanten Hintergrundprozess zur Feed-Aktualisierung.

Mit Clear Cache löschen Sie die Cache-Datei. Auch das Speichern der Haupteinstellungen leert den Cache. Die nächste Shopanfrage ruft neue Videos ab; vorhandene Cache-Inhalte bleiben dabei nicht sichtbar.

Nur nicht leere Ergebnisse werden gespeichert. Schlägt der Abruf fehl oder liefert er keine Videos, erscheint bei dieser Anfrage kein Feed. Spätere Shopanfragen versuchen den Abruf erneut. Eine abgelaufene Datei kann auf dem Server verbleiben, ihre alten Videos werden aber nicht angezeigt. API-Zähler und relative Datumsangaben entsprechen der gespeicherten Antwort.

Konfigurationsbeispiele und Theme-Anpassungen

Die folgenden Beispiele beschreiben Werte für die Backoffice-Formulare. Es sind keine Shell-Befehle. Ersetzen Sie Kontonamen, Pin-/Video-IDs und Zugangsdaten durch echte Werte. Der Theme-Hook muss mit Anzeige-Hook übereinstimmen.

Manuelles Grid für Produktvorführungen ohne API-Schlüssel:

MPRYOUTUBE_ENABLED=1
MPRYOUTUBE_VIDEO_URLS=https://www.youtube.com/watch?v=ABCDEFGHIJK
https://youtu.be/LMNOPQRSTUV
https://www.youtube.com/shorts/WXYZabcdefg
MPRYOUTUBE_DISPLAY_HOOK=displayHome
MPRYOUTUBE_LAYOUT=grid
MPRYOUTUBE_POST_COUNT=3
MPRYOUTUBE_COLUMNS=3
MPRYOUTUBE_PLAYER_MODE=embed

Playlist-Slider mit zwischengespeicherten API-Abrufen:

MPRYOUTUBE_ENABLED=1
MPRYOUTUBE_API_KEY=AIza...
MPRYOUTUBE_PLAYLIST_ID=PL...
MPRYOUTUBE_DISPLAY_HOOK=displayFooterBefore
MPRYOUTUBE_LAYOUT=slider
MPRYOUTUBE_POST_COUNT=6
MPRYOUTUBE_AUTO_SCROLL=1
MPRYOUTUBE_SCROLL_SPEED=4000
MPRYOUTUBE_CACHE_DURATION=3600

Unterstützte manuelle URL-Formate:

https://www.youtube.com/watch?v=ABCDEFGHIJK
https://youtu.be/ABCDEFGHIJK
https://www.youtube.com/embed/ABCDEFGHIJK
https://www.youtube.com/shorts/ABCDEFGHIJK

Wenn Ihr Theme den gewählten Hook nicht ausgibt, ergänzen Sie den passenden PrestaShop-Hook-Aufruf im entsprechenden Smarty-Template:

{hook h='displayFooterBefore'}

Theme-CSS kann die Shop-Klassen des Moduls ansprechen:

.mprfeed-youtube .mprfeed-title {
  font-size: 20px;
}

.mprfeed-youtube .mprfeed-follow-youtube {
  background: #cc0000;
}

.mprfeed-youtube .mprfeed-caption {
  min-height: 2.8em;
}

Der Feed-Cache verwendet diese lokale Datei:

modules/mpryoutubeintegration/mpryoutube_feed_cache.json

Behalten Sie CSS- und Template-Änderungen in Ihrem Theme.

Überprüfung und Fehlerbehebung

  • Fehlt der Abschnitt, prüfen Sie Modul aktivieren, die Quellfelder, Auf Mobilgeräten anzeigen und den gewählten Hook. Das Modul gibt keinen Abschnitt zurück, wenn keine Elemente verfügbar sind.
  • Prüfen Sie, ob Ihr Theme displayHeader zum Laden von Stylesheet und JavaScript aufruft und den gewählten Anzeige-Hook ausgibt.
  • Bleiben Bilder leer, prüfen Sie Netzwerkfehler im Browser. Deaktivieren Sie versuchsweise Lazy Loading und prüfen Sie die Bild-URLs.
  • Ist das Layout falsch, testen Sie zuerst das Grid und prüfen Sie dann das Karussell bei Desktop- und Mobilbreiten.
  • Wenn MPR Social Revolution die Einstellung YOUTUBE_ACTIVE aktiviert hat, wird dieser eigenständige Feed unterdrückt. Die Prüfung liest das gespeicherte Flag; Social Revolution muss dafür nicht aktuell als Modul aktiviert sein.

Öffnen Sie die Seite "Integrity" des Moduls für Konfigurations- und Hook-Prüfungen. Lizenz, Support und Aktualisieren sind Wartungsseiten. Testen Sie nach Änderungen an Konto-IDs oder Feed-Quellen die tatsächlichen Ziele.

Deaktivieren oder deinstallieren

Setzen Sie Modul aktivieren auf Nein und speichern Sie, um den Feed auszublenden und die Konfiguration zu behalten. Deinstallieren Sie über den Modulmanager, um Konfiguration, lokalen Cache und Admin-Menüeinträge dieses Moduls zu entfernen.

Fragen

Noch keine Fragen zu diesem Modul

Fragen Sie alles zu Installation, Kompatibilität oder Einrichtung. Die Antworten erscheinen hier.

Bekannte Probleme

8

API-Schlüssel ließ sich in geführter Einrichtung nicht speichern

GelöstAktualisiert:
Behoben in: 1.0.21
Das Speichern eines YouTube-API-Schlüssels im Einrichtungsdialog konnte mit einem Konfigurationsspeicherfehler fehlschlagen. Ein leeres Schlüsselfeld behält jetzt den vorhandenen Schlüssel bei.

Ungültige API-Schlüssel wurden akzeptiert

GelöstAktualisiert:
Behoben in: 1.0.21
Die geführte Einrichtung konnte einen ungültigen API-Schlüssel akzeptieren, statt die Einstellungen vor dem Speichern abzulehnen.

Einrichtungswarnung blieb nach dem Speichern bestehen

GelöstAktualisiert:
Behoben in: 1.0.21
Die Konfigurationsseite konnte unmittelbar nach dem Speichern gültiger Einstellungen weiterhin eine veraltete Einrichtungswarnung anzeigen.

Fehlende Übersetzungen

GelöstAktualisiert:
Behoben in: 1.0.21
Backoffice-Beschriftungen werden jetzt in der ausgewählten Shopsprache angezeigt.

Ladekompatibilität mit PHP 7.1

GelöstAktualisiert:
Behoben in: 1.0.16
Das Modul konnte unter PHP 7.1 nicht geladen werden, weil seine mitgelieferten Ladeanforderungen zu streng waren.

Modulverwaltung ließ sich unter Umständen nicht öffnen

GelöstAktualisiert:
Behoben in: 1.0.15
Beim Öffnen der Modulverwaltung konnte in Shops ohne die erforderliche Unterstützung zur Preisformatierung ein Fehler auftreten.

Konfigurationsseite bot keine Feed-Einstellungen

GelöstAktualisiert:
Behoben in: 1.0.12
Die Konfigurationsseite des Moduls zeigte einen Platzhalter statt nutzbarer Feed-Einstellungen.

Video- und Abonnementdaten fehlten in der Feed-Anzeige

GelöstAktualisiert:
Behoben in: 1.0.12
Der Feed erhielt seine Videoliste und Einstellungen für den Abonnieren-Button nicht immer zur Anzeige.

Funktionsanfragen

1

Implementiert

Geführte Einrichtung der Videoquelle

Implementiert
Konfigurieren Sie manuelle YouTube-Video-URLs ohne API-Schlüssel oder verbinden Sie einen Kanal oder eine Playlist mit API-Schlüssel, unterstützt durch geführte Einrichtungsprüfungen.

Änderungsprotokoll

v1.0.132026-09-08

  • Addedcomplete FR/DE/ES/IT/PL translations
Ältere Versionen

v1.3.02026-04-20

  • Addedadmin menu management via MenuInstaller for streamlined module setup
  • AddedLicense management tab with key management and renewal options
  • Addedself-healing integrity checks for automatic diagnostics and repair
  • Addedcomplete FR/DE/ES/IT/PL translations

v1.2.02026-02-06

  • AddedPS 9 / Hummingbird theme compatibility
  • Addedplaylist support alongside channel display
  • Improvedlazy-load iframes — YouTube thumbnails load as images, iframe created on click
  • Fixedvideo grid overflow on 5-column layouts on 1440p screens

v1.0.02025-09-18

  • Initialrelease: YouTube channel and playlist video display for PrestaShop
  • InitialGrid layout with configurable column count and video thumbnails
  • InitialBack-office configuration for channel ID, API key, and layout type
  • InitialCompatible with PS 1.7.x and PS 8.x

v1.1.02025-07-28

  • Addedslider layout option with autoplay and configurable interval
  • Addedvideo count limiter per widget placement

Demo

Testen Sie das vollständige Modul vor dem Kauf

Kaufen Sie die Lizenz später, Ihre Einstellungen bleiben erhalten.

  • Ihre 30-Tage-Demo Testen Sie es 30 Tage ab der ersten Installation in Ihrem eigenen Shop.
  • Fertiger Demo-Shop Entdecken Sie einen fertigen Demo-Shop im Browser.
  • Ohne Registrierung Kein Konto, keine E-Mail-Adresse und keine Shop-Domain nötig.
Demo-Shop starten

Mit dem Download akzeptieren Sie die Demo-Bedingungen und die Datenschutzerklärung.

Mit dem Öffnen dieser Demo akzeptieren Sie die Demo-Nutzungsbedingungen und die Datenschutzerklärung.

Lade ...
Nach oben