Betten Sie von HubSpot gehostete Videos auf Ihrer externen Website oder in Ihren E-Mails ein.

Betten Sie HubSpot-gehostete Videos aus dem Video-Tool auf Ihrer extern gehosteten Website, z. B. WordPress, oder extern gehosteten E-Mails wie Gmail ein. Anschließend können Sie Aufrufe, Wiedergaben und Interaktionen auf allen Plattformen direkt in HubSpot nachverfolgen.

Einschränkungen und Anforderungen verstehen

• Um ein von HubSpot gehostetes Video auf einer externen Seite oder in einer E-Mail einzubetten, müssen die erweiterten Funktionen für dieses Video aktiviert sein. Dies wird auf das Videolimit für erweiterte Funktionen angerechnet. 

• Beim Einbetten von Videos auf extern gehosteten Seiten:

  • Um Ihre Videodaten nachzuverfolgen, müssen Sie den HubSpot-Tracking-Code auf Ihrer extern gehosteten Website installieren.

• • Wenn Beim Einbetten Ihres Videos enthält das Video-Einbettungsskript standardmäßig eine JSON-LD-Injektion für SEO-Vorteile mithilfe eines <script> -Tags.

Einbettungscode kopieren und auf externen Websites verwenden

1. Klicken Sie in Ihrem HubSpot-Account auf Content und dann auf Video.​
2. Suchen Sie nach dem Namen der Videodatei und wählen Sie sie aus. Sie werden zur Detailseite des Videos weitergeleitet.
3. Klicken Sie oben rechts auf die Schaltfläche Einbetten. Wenn die Einstellung für erweiterte Funktionen für das Video nicht aktiviert wurde, wird dies nicht angezeigt. 

4. Richten Sie im Dialogfeld Ihr Freigabeformat ein: 
   • Größe: Wählen Sie aus, ob das eingebettete Video responsiv sein oder eine feste Videogröße haben soll. Standardmäßig ist die Option auf Responsiv eingestellt, wodurch die Videogröße automatisch an die Seitenbreite angepasst wird.
   • Schleife: Starten Sie das Video automatisch neu und spielen Sie es kontinuierlich in einer Schleife ab.
   • Standardmäßig stummschalten: Schaltet das Video standardmäßig stumm. Besucher müssen klicken, um Audio einzuschalten.
   • Automatische Wiedergabe: Spielen Sie das Video automatisch ab, wenn die Seite geladen wird.
   • Sichtbare Steuerelemente: Zeigen Sie dem Besucher eine Steuerleiste an. Standardmäßig ist diese Option aktiviert. 
   • Wiedergabe-Button-Farbe: Verwenden Sie die Farbauswahl, um eine Farbe für den Wiedergabe-Button des Videos festzulegen. 
   • SEO-Metadaten einschließen: Mitdieser Option können Sie Video-Metadaten auf der Seite berücksichtigen, damit Suchmaschinen das Video indexieren können. Standardmäßig ist diese Option aktiviert.
5. Nachdem Sie die Einstellungen des Videos konfiguriert haben, klicken Sie unten links auf Einbettungscode kopieren. Der Video-Einbettungscode wird automatisch in die Zwischenablage Ihres Geräts kopiert. 

6. Navigieren Sie zum Content-Management-System (CMS) Ihrer externen Website.
7. Fügen Sie den Video-Einbettungscode in den HTML-Code Ihrer Nicht-HubSpot-Seite ein, wo auch immer das Video angezeigt werden soll. Zusätzliche Empfehlungen sind verfügbar für:
   • WordPress: Es wird empfohlen, einen benutzerdefinierten HTML-Block zu verwenden, um Ihren HubSpot-Video-Einbettungscode zu WordPress-Seiten und -Blog-Beiträgen hinzuzufügen. Erfahren Sie mehr über das Hinzufügen von Einbettungen zu WordPress-Inhalten.
   • Shopify:Es wird empfohlen, den Einbettungscode Ihres Videos einzufügen, indem Sie entweder die Option "Video-Rich-Text hinzufügen" auswählen oder den HTML-Code der Seite direkt über den Inline-Code-Editor ändern. Wenn Sie einen komplexeren Anwendungsfall benötigen, können Sie Ihren Einbettungs-HTML als Teil Ihres Shopify-Themes zu einer benutzerdefinierten Liquid-Vorlage hinzufügen. Erfahren Sie mehr über die Verwendung von Vorlagen in Shopify.

6. Zeigen Sie eine Vorschau Ihres Videos auf der Webseite an, um zu überprüfen, wie es live aussieht. Das Video sollte mit einem responsiven Layout angezeigt werden, das sich automatisch an die Seitenbreite anpasst. Wenn das Video nicht korrekt angezeigt wird, überprüfen Sie, ob Ihr externes CMS den kopierten Code nicht geändert hat.
7. Wenn Sie fertig sind, veröffentlichen Sie Ihre Seite.

Einbettungscode kopieren und in extern gehosteten E-Mails verwenden

1. Klicken Sie in Ihrem HubSpot-Account auf Content und dann auf Video.​
2. Suchen Sie nach dem Namen der Videodatei und wählen Sie sie aus. Sie werden zur Detailseite des Videos weitergeleitet.
3. Klicken Sie oben rechts auf das Teilen-Symbol. Wenn die Einstellung für erweiterte Funktionen für das Video nicht aktiviert wurde, wird dies nicht angezeigt.
   
   

4. Klicken Sie im Dialogfeld auf die Registerkarte E-Mail .
5. Konfigurieren Sie Ihre Videoeinstellungen: 
   • Größe: Geben Sie eine Größe für das Vorschaubild Ihres Videos ein. 
   • Domain: Wählen Sie eine Domain für die URL Ihres verlinkten Videos aus. Erfahren Sie mehr über das Verknüpfen von Domains mit Ihrem HubSpot-Account.
6. Nachdem Sie die Einstellungen des Videos konfiguriert haben, klicken Sie unten links auf Einbettungscode kopieren. Der Video-Einbettungscode wird automatisch in die Zwischenablage Ihres Geräts kopiert.
   

7. Gehen Sie zu Ihrem externen E-Mail-Host.
8. Fügen Sie den Video-Einbettungscode im HTML-Code Ihrer E-Mail an der Stelle ein, an der das Video angezeigt werden soll. Dies kann je nach Ihrem E-Mail-Anbieter variieren.