BetaIncorporare i video ospitati da HubSpot nel vostro sito esterno o nelle vostre e-mail

Incorporate i video ospitati da HubSpot dallo strumento video al vostro sito web ospitato esternamente, come WordPress, o alle vostre e-mail ospitate esternamente, come Gmail. Poi, tracciate le visualizzazioni, le riproduzioni e gli eventi di coinvolgimento su tutte le piattaforme direttamente all'interno di HubSpot.

Comprendere le limitazioni e i requisiti

• Per incorporare un video ospitato da HubSpot in una pagina o in un'e-mail esterna, è necessario attivare le funzionalità avanzate per quel video. Questo conterà ai fini del limite di video per le funzionalità avanzate.

• Quando si incorporano video in pagine ospitate esternamente:

  • Per tracciare i dati dei video, è necessario installare il codice di tracciamento HubSpot sul sito web ospitato esternamente.

• • Quando si incorpora il video, per impostazione predefinita, lo script di incorporamento del video includerà l'iniezione JSON-LD per i vantaggi SEO, utilizzando un tag <script>.

Copiare e utilizzare il codice embed su siti esterni

1. Nel tuo account HubSpot, passa a Contenuti > Video.
2. Cercare e selezionare il nome del file video. Verrete indirizzati alla pagina dei dettagli del video.
3. In alto a destra, fare clic su Incorpora. Se l'impostazione delle funzioni avanzate non è stata attivata per il video, questo non apparirà.

4. Nella finestra di dialogo, impostare il formato di condivisione:
   • Dimensione: selezionare se il video incorporato deve essere reattivo o avere una dimensione fissa. Per impostazione predefinita, l'opzione sarà impostata su Responsive, che regolerà automaticamente le dimensioni del video in base alla larghezza della pagina.
   • Loop: riavvia automaticamente il video e lo riproduce continuamente in loop.
   • Muto per impostazione predefinita: disattiva il video per impostazione predefinita. I visitatori dovranno fare clic per attivare l'audio.
   • Autoplay: riproduce automaticamente il video al caricamento della pagina.
   • Controlli visibili: mostra al visitatore una barra di controllo. Per impostazione predefinita, questa opzione è attivata.
   • Colore del pulsante di riproduzione: utilizzare il selezionatore di colori per impostare un colore per il pulsante di riproduzione del video.
   • Includi metadati SEO: attivarequesta opzione per includere i metadati del video nella pagina per consentire ai motori di ricerca di indicizzare il video.
5. Dopo aver configurato le impostazioni del video, in basso a sinistra, fare clic su Copia codice incorporato. Il codice di incorporamento del video verrà automaticamente copiato negli appunti del dispositivo.

6. Accedere al sistema di gestione dei contenuti (CMS) del sito web esterno.
7. Incollare il codice di incorporamento del video nell'HTML della pagina non HubSpot, ovunque si desideri che il video appaia. Ulteriori raccomandazioni sono disponibili per i seguenti casi:
   • WordPress: si consiglia di utilizzare un blocco HTML personalizzato per aggiungere il codice di incorporamento video di HubSpot alle pagine e ai post di WordPress. Ulteriori informazioni sull'aggiunta di embed ai contenuti di WordPress.
   • Shopify:si consiglia di inserire il codice embed del video selezionando l'opzione Add video rich text o modificando direttamente l'HTML della pagina tramite l'editor di codice in linea. Se avete bisogno di un caso d'uso più complesso, potete aggiungere il codice HTML di incorporamento a un modello Custom Liquid come parte del vostro tema Shopify. Per saperne di più sull'uso dei modelli in Shopify.

6. Visualizzare l'anteprima del video sulla pagina web per verificarne l'aspetto dal vivo. Il video dovrebbe essere visualizzato con un layout reattivo che si adatta automaticamente alla larghezza della pagina. Se il video non viene visualizzato correttamente, verificare che il CMS esterno non abbia alterato il codice copiato.
7. Al termine, pubblicare la pagina.

Copiare e utilizzare il codice embed su email ospitate esternamente

1. Nel tuo account HubSpot, passa a Contenuti > Video.
2. Cercare e selezionare il nome del file video. Si verrà indirizzati alla pagina dei dettagli del video.
3. In alto a destra, fare clic sull'icona di condivisione. Se l'impostazione delle funzioni avanzate non è stata attivata per il video, questa non apparirà.
   
   

4. Nella finestra di dialogo, fare clic sulla scheda Email .
5. Configurare le impostazioni del video:
   • Dimensione: inserire una dimensione per l'immagine di anteprima del video.
   • Dominio: selezionare un dominio per l'URL del video collegato. Per saperne di più sulla connessione dei domini all'account HubSpot.
6. Dopo aver configurato le impostazioni del video, in basso a sinistra, fare clic su Copia codice incorporato. Il codice di incorporamento del video verrà automaticamente copiato negli appunti del dispositivo.
   
   

7. Andare all'host di posta elettronica esterno.
8. Incollare il codice di incorporamento del video nell'HTML dell'e-mail, dove si desidera che il video appaia. Questo può variare a seconda del provider di posta elettronica.