DokumentationCommerceKatalogverwaltung

Produktvideos hinzufügen

Last update: Sat Jul 13 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Erstellt für:

  • Einsteiger
  • Fortgeschrittener
  • Admin
  • Führungskraft
  • Benutzende

Um ein Produktvideo hinzuzufügen, müssen Sie zunächst einen API-Schlüssel aus Ihrem Google-Konto abrufen und in die Konfiguration Ihres Stores eingeben. Anschließend können Sie über das Produkt einen Link zum Video erstellen.

Schritt 1: Abrufen des YouTube-API-Schlüssels

  1. Melden Sie sich bei Ihrem Google-Konto an und rufen Sie die Google Developers Console auf.

  2. Geben Sie im Suchfeld oben "YouTube Data API v3"ein und klicken Sie auf das Suchsymbol.

  3. Stellen Sie sicher, dass die API-Seite aktiviert ist, wenn sie angezeigt wird.

  4. Wählen Sie im linken Bereich Credentials aus.

  5. Je nachdem, ob Sie über Anmeldeinformationen verfügen oder nicht, führen Sie einen der folgenden Schritte aus:

    • Wenn Sie bereits über die erforderlichen Anmeldeinformationen verfügen, kopieren Sie den Schlüssel in die Tabelle API-Schlüssel.

    • Wenn Sie noch keine Anmeldeinformationen für diese API haben, klicken Sie oben auf Create Credentials und befolgen Sie die Anweisungen zum Erstellen der erforderlichen Anmeldeinformationen. Kopieren Sie unter Anmeldeinformationen abrufen den API-Schlüssel und klicken Sie auf Done.

  6. Kopieren Sie den API-Schlüssel in die Zwischenablage.

  7. Klicken Sie rechts auf das Symbol Bearbeiten und legen Sie die Einschränkungen fest, um sicherzustellen, dass der API-Schlüssel auf die richtigen verweisenden Stellen beschränkt ist.

  8. Warten Sie einen Augenblick, während der Schlüssel generiert wird, und kopieren Sie dann den Schlüssel in die Zwischenablage.

    Im nächsten Schritt fügen Sie den Schlüssel in die Konfiguration Ihres Stores ein.

Schritt 2: Konfigurieren des Schlüssels in Commerce

  1. Wechseln Sie in der Seitenleiste Admin zu Stores > Settings>Configuration.

  2. Erweitern Sie im linken Bedienfeld den Wert Catalog und wählen Sie unter "Catalog".

  3. Erweitern Sie Erweiterungsauswahl den Abschnitt Product Video ​und fügen Sie Ihren YouTube API key ​ein.

    Produktvideokonfiguration {width="600" modal="regular"}

  4. Klicken Sie nach Abschluss des Vorgangs auf Save Config.

  5. Wenn Sie dazu aufgefordert werden, aktualisieren Sie den Cache.

  1. Öffnen Sie ein Produkt im Bearbeitungsmodus.

  2. Scrollen Sie zum Abschnitt Images and Videos ​und erweitern Sie ihn.

    Bilder und Videos {width="600" modal="regular"}

  3. Klicken Sie auf Add Video.

    Wenn Sie Ihren YouTube-API-Schlüssel noch nicht konfiguriert haben, klicken Sie auf OK , um fortzufahren. Sie können zwar keine Verknüpfung zu einem YouTube-Video herstellen, den Vorgang jedoch fortsetzen.

  4. Geben Sie für "Url"die URL des YouTube- oder Vimeo-Videos ein.

    Neues Video für Produkt {width="600" modal="regular"}

  5. Klicken Sie außerhalb des Felds und warten Sie auf Feedback zum API-Schlüssel oder Video.

    Wenn alles ausgecheckt wird, stellt YouTube Basisinformationen für das Video bereit

  6. Geben Sie die Title und die Description des Videos ein.

  7. Um eine 0 hochzuladen, navigieren Sie zum Bild und wählen Sie die Datei aus.Preview Image

    note note
    NOTE
    Nach dem Hochladen wird das angezeigte Vorschaubild automatisch von einem externen Videodienstleister generiert. Sie können das Bild nicht über den Adobe Commerce-Administrator bearbeiten.

  8. Wenn Sie die Videometadaten bevorzugen, klicken Sie auf Get Video Information.

  9. Um zu bestimmen, wie das Video im Store verwendet wird, aktivieren Sie das Kontrollkästchen der jeweiligen zutreffenden Role :

    • Base Image
    • Small Image
    • Swatch Image
    • Thumbnail
    • Hide from Product Page

  10. Klicken Sie nach Abschluss des Vorgangs auf Save.

    note note
    NOTE
    Wenn die Konfigurationsoption Autostart base video ​auf Yes festgelegt ist, das Video jedoch nicht automatisch abgespielt wird, kann dies auf die vom Browser erzwungenen automatischen Wiedergaberegeln zurückzuführen sein, die nicht von Adobe Commerce gesteuert werden können. Jeder unterstützte Browser verfügt über eigene Autoplay-Richtlinien, die sich im Laufe der Zeit ändern können und Ihr Video in Zukunft möglicherweise nicht automatisch abgespielt wird. Als Best Practice wird empfohlen, sich nicht auf die automatische Wiedergabe für geschäftskritische Funktionen zu verlassen und das Videokotoplay-Verhalten in Ihrem Store mit jedem unterstützten Browser zu testen.

API-Zugriff verwalten

Gemäß den [Nutzungsbedingungen] des Google-Entwicklers kann YouTube den API-Zugriff für Konten deaktivieren, die seit mehr als 90 Tagen inaktiv sind. Dieses Vorkommen kann dazu führen, dass Ihre Videos nicht angezeigt werden. Um Ihren API-Zugriff auf dem neuesten Stand zu halten, verwenden Sie einen Cron-Auftrag, um die API in regelmäßigen Abständen zu pingen:

30 10 1 * * curl -i -G -e https://yourdomain.com/ -d "part=snippet&maxResults=1&q=test&key=YOUTUBEAPIKEY" https://www.googleapis.com/youtube/v3/search >/dev/null 2>&1

Feldreferenz

Feld
Beschreibung
URL
Die URL des zugehörigen Videos.
Title
Der Videotitel.
Description
Die Videobeschreibung.
Preview Image
Ein hochgeladenes Bild, das als Vorschau des Videos in Ihrem Store verwendet wird.
Get Video Information
Ruft die auf dem Host-Server gespeicherten Video-Metadaten ab. Sie können die Originaldaten verwenden oder nach Bedarf aktualisieren.
Role
Bestimmt, wie das Vorschaubild in Ihrem Store verwendet wird. Sie können eine beliebige Kombination von Optionen auswählen: Base Image, Small Image, Thumbnail, Swatch Image, Hide from Product Page
recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071