Aggiungere video ai contenuti di HubSpot

Caricate i video nello strumento file, quindi aggiungeteli a pagine, e-mail di marketing, post di blog e articoli di knowledge base.

È inoltre possibile inserire i video di HubSpot utilizzando il modulo video nelle CTA, nelle e-mail di marketing drag and drop e nelle aree drag and drop delle pagine. I video sono supportati anche nei moduli rich text delle pagine, nei post del blog e negli articoli della knowledge base.

Quando si utilizzano i video di HubSpot, è possibile aggiungere una CTA o un modulo prima o dopo la riproduzione del video. Se avete un account con un abbonamento Enterprise , potete visualizzare una CTA o un modulo in qualsiasi punto del video e impedire ai visitatori di saltarlo.

Nota bene: questo articolo tratta l'uso dei video in pagine, post, articoli e email di marketing. Per saperne di più sull'aggiunta di video alle conversazioni, alle e-mail one-to-one, ai modelli e alle e-mail di sequenza.

Prima di iniziare

• Questo articolo spiega come aggiungere ai contenuti di HubSpot i file video caricati su HubSpot. Per aggiungere un video esterno da un URL o da un codice di incorporamento, si veda l'articolo sull'incorporazione di media esterni in HubSpot.
  
• Ogni browser supporta tipi di file diversi e, in alcuni casi, scarica il file video invece di riprodurlo nel browser. I video caricati come file .mp4 sono supportati dalla maggior parte dei browser e verranno riprodotti nel browser.
• Ogni video è soggetto ai limiti dello strumento file.
• Per aumentare l'accessibilità del sito, è possibile aggiungere il testo alt ai video nello strumento file. Per saperne di più sull'accessibilità dei siti web, consultate la nostra documentazione per gli sviluppatori.
• Per ogni video nello strumento file, è possibile attivare o disattivare le funzioni avanzate.
  • I nuovi file video caricati nell'editor di contenuti avranno le funzioni avanzate attivate automaticamente.
  • È possibile aggiungere capacità supplementare per i video con funzioni avanzate con il componente aggiuntivo per l'aumento del limite dei video.
  • Le differenze tra i video con funzioni avanzate attivate e disattivate sono illustrate di seguito.

Aggiungere video alle e-mail

I video di HubSpot sono supportati nel modulo video dell'editor drag-and-drop. Poiché il video non è supportato dalla maggior parte dei client di posta elettronica, i video aggiunti alle e-mail di marketing appariranno come un'immagine in miniatura con un pulsante di riproduzione video.

Questa immagine in miniatura rimanda a una pagina in cui il destinatario dell'e-mail può visualizzare il video, che sarà ospitata sul dominio primario per le versioni web delle e-mail.

• Fare clic sul nome dell'e-mail.
• Nell'editor della barra laterale, fare clic sul moduloVideo e trascinarlo nell'e-mail.
• Nella sezione Tipo di video , selezionare HubSpot video.
  
  

• • Per selezionare un video dallo strumento File, fare clic su Sfoglia video e selezionare l' immagine di anteprima di un video esistente.
  • Per caricare un nuovo video, fare clic su Carica e selezionare un file dal computer. Quindi fare clic sull'immagine di anteprima del video .
• Per ridimensionare il video, inserire una larghezza o un'altezza nell'editor della barra laterale .
• Per personalizzare le informazioni del video, nella sezione Dettagli video, fare clic su Modifica.
  • Nel pannello di destra, fare clic su Cambia immagine miniatura per modificare l'immagine di anteprima del video.
  • Fare clic sul cursore e trascinarlo in un punto specifico del video o fare clic su Carica immagine personalizzata per aggiungere una nuova immagine dal computer.
  • Inserite il testo del titolo, la descrizione e i meta tag. Questo aiuterà i motori di ricerca a comprendere il contenuto del video.
  • Fare clic su Salva.

Nota bene: le modifiche apportate ai dettagli del video saranno applicate ovunque il video venga utilizzato negli strumenti di contenuto di HubSpot.

• Per modificare l'aspetto del pulsante di riproduzione del video, fare clic su Opzioni di stile.
  • Per personalizzare il colore del pulsante di riproduzione, inserire un valore esadecimale o fare clic sul selezionatore di colori per selezionare un colore.
  • Per personalizzare le dimensioni del pulsante di riproduzione, inserire un valore in pixel o fare clic sul cursore e trascinarlo in una nuova posizione. L'anteprima live del pulsante di riproduzione potrebbe richiedere alcuni secondi per essere aggiornata.
    

• Per assicurarsi che il video venga visualizzato a tutta larghezza sui dispositivi mobili, selezionare la casella di controllo Mostra come larghezza massima sui dispositivi mobili. I video non verranno mai visualizzati con una larghezza superiore alle loro dimensioni originali.

• Per spostare il video a destra o a sinistra, fare clic sul menu a discesa Allineamento e selezionare Sinistra, Centro o Destra.
• Per aggiungere spazio ai lati del video, fare clic per attivare l'interruttore Padding .
  • Selezionare la casella di controllo Applica a tutti i lati per applicare lo stesso padding a tutti i lati del video.
  • Inserire i valori in pixel per il padding nei campi di testo Superiore, Inferiore, Sinistro o Destro
    

Aggiungete video alle pagine, ai post del blog e agli articoli della Knowledge Base

I video possono essere aggiunti agli annunci del blog, alle pagine e agli articoli della knowledge base in moduli di testo. Le aree di trascinamento delle pagine supportano anche l'aggiunta di video ai moduli video.

Inserite un video in un modulo di testo ricco in una pagina, in un post del blog o in un articolo di Knowledge Base

I video di HubSpot possono essere aggiunti ai moduli rich text insieme a testo, immagini, link o altri contenuti.

• Navigare verso il proprio contenuto:

  • Pagine del sito web:
  • Landing Page:
  • Blog:
  • Knowledge Base:

• Fare clic sul nome del contenuto.
• Nell'editor di contenuti, fare clic sul modulo Rich Text.
• Fare clic sul menu a discesa Inserisci, quindi selezionare Video > Video HubSpot.
• Nel pannello di destra, selezionare un video da inserire:
  • Per inserire un video esistente dallo strumento file, è possibile utilizzare la barra di ricerca per cercare il video. Quindi, fare clic sull' immagine di anteprima del video.
  • Per inserire un nuovo video, fare clic su Carica video e selezionare un video dal computer. Quindi, fare clic sull'immagine di anteprima del video
    

• Per modificare il colore del pulsante di riproduzione del video, fare clic sul menu a discesa del colore del lettore backgroundColor e selezionare un colore. Per inserire un valore esadecimale o un valore di colore RGB, passare alla scheda Avanzate .
• Per regolare la posizione del video all'interno di un blocco di testo, fare clic sulle icone di allineamento inline alignmental icone di allineamento. Fare clic sull'icona di larghezza massima fullWidth per garantire che il video venga visualizzato a larghezza massima sui dispositivi mobili.
• Per ridimensionare il video, inserire i valori in pixel per la larghezza e l'altezza.
• Per modificare il padding intorno al video, fare clic sul menu a discesa Spaziatura e inserire i valori in pixel intorno ai bordi dell'icona dell'immagine
  

• Nell'editor dei contenuti, fare clic sul video, quindi sull'icona di modifica edit .
• Nella domanda, fare clic sul menu a discesa CTA o modulo e selezionare Call-to-action o Modulo.
• È possibile aggiungere al video una CTA incorporata o una CTA tradizionale. Per inserire una CTA:
  • In Call-to-action, fare clic su Seleziona CTA.
  • Selezionare la scheda CTA o CTA (legacy) .
  • Per creare una nuova CTA, fare clic su Crea nuovo nel pannello di destra. Quindi, creare la CTA o la CTA (legacy) e fare clic su Salva.
  • Nel pannello di destra, selezionare una CTA appena creata o una CTA esistente, quindi fare clic su Inserisci.
• Per inserire un modulo:
  • Fare clic sul menu a discesa Modulo e selezionare un modulo.
  • Per creare un nuovo modulo o modificare un modulo esistente prima di selezionarlo, fare clic su Crea o modifica. Lo strumento moduli si aprirà in una nuova scheda.
• Per impostazione predefinita, l'overlay viene visualizzato al termine del video. Se non si dispone di un abbonamento Enterprise , selezionare un orario di visualizzazione per l'overlay.
  • Prima dell'inizio del video: visualizza il modulo o la CTA prima che inizi la riproduzione del video.
  • Dopo la fine del video: visualizzare il modulo o la CTA subito dopo la fine della riproduzione del video.
    

• Se si dispone di un abbonamento Enterprise , è possibile personalizzare l'ora esatta in cui appare l'overlay:
  • Nella sezione Opzioni di visualizzazione della domanda, fare clic su Modifica.
    

• • • Nel pannello di destra, fare clic sul menu a discesa Ora di visualizzazione e selezionare un'opzione temporale. Se è stata selezionata un'ora personalizzata, è possibile specificare l'ora facendo clic sul cerchio sotto il video e trascinandolo nella posizione corretta, oppure inserendo un'ora nel campo Ora di visualizzazione selezionata.

• • • Per impedire ai visitatori di saltare l'overlay, fare clic sul menu a discesa dell'opzione Salta e selezionare Non consentire agli spettatori di saltare [tipo di risorsa]. Per impostazione predefinita, i visitatori potranno saltare l'overlay.
      

Inserire un video in un modulo video di una pagina

I video di HubSpot sono supportati nel modulo video aggiunto a un'area di trascinamento su un sito web o una landing page.

• Navigare verso il proprio contenuto:

  • Pagine del sito web:
  • Landing Page:
• Fare clic sul nome del contenuto.
• Nella barra laterale sinistra, fare clic sull'icona add Aggiungi .
• Fare clic per espandere la sezione Media , quindi fare clic su + Mostra altro per visualizzare tutti i moduli multimediali.
• Fare clic sul moduloVideo e trascinarlo nella pagina.
  
  

• Nell'editor della barra laterale, alla voce Tipo di video, selezionate HubSpot video.
• Selezionare un file video da aggiungere alla pagina:
  
  • Per selezionare un video dallo strumento file, fare clic su Sfoglia video e selezionare l' immagine di anteprima di un video esistente.
  • Per caricare un nuovo video, fare clic su Carica e selezionare un file dal computer.
• Per impostare la dimensione massima che il video può raggiungere, fare clic sul menu a discesa Dimensione massima e selezionare un'opzione:
  • Dimensione originale: il video non verrà ridimensionato per essere più grande della sua dimensione originale.
  • Larghezza intera: il video occuperà l'intera larghezza del dispositivo su cui viene visualizzato.
  • Personalizzato: il video non supererà una larghezza e un'altezza specifiche impostate nell'editor della barra laterale. Inserire i valori in pixel delle dimensioni nelle caselleLarghezza massima eAltezza massima.

• Nella sezione Dettagli video, fare clic su Modifica per personalizzare le informazioni del video:

• • Nel pannello di destra, fare clic su Cambia immagine miniatura (poster) per cambiare l'immagine di anteprima del video.
  • Per utilizzare un fotogramma del video, fare clic sul cursore e trascinarlo in un punto specifico del video, quindi fare clic su Aggiorna a fotogramma a [timestamp].
  • Per utilizzare un'immagine personalizzata, fare clic su Seleziona da file, quindi fare clic sull'immagine che si desidera utilizzare nello strumento file. Per aggiungere una nuova immagine, fare clic su Carica immagini e selezionare un file dal computer.

• • Inserite il testo del titolo, la descrizione e i meta tag. Questo aiuterà i motori di ricerca a comprendere il contenuto del video.
  • Fare clic su Salva.

Nota bene: le modifiche apportate ai dettagli del video saranno applicate ovunque il video venga utilizzato negli strumenti di contenuto di HubSpot.

• Nella sezione CTA o modulo, è possibile aggiungere un modulo o una CTA in sovraimpressione al video:
  • Fare clic per espandere la sezione CTA o modulo .
  • Fare clic sul menu a discesa CTA o modulo e selezionare un tipo di sovrapposizione.
  • Per inserire un modulo, fare clic sul menu a discesa Modulo e selezionare un modulo, oppure fare clic su Crea nuovo per creare un nuovo modulo nello strumento moduli.
  • È possibile aggiungere al video una CTA incorporata o una CTA tradizionale. Per inserire una CTA:

• • • In Call-to-action, fare clic su Seleziona CTA.
    • Selezionare la scheda CTA o CTA (legacy) .
    • Per creare una nuova CTA, fare clic su Crea nuovo nel pannello di destra. Quindi, creare la CTA o la CTA (legacy) e fare clic su Salva.
    • Nel pannello di destra, selezionare una CTA appena creata o una CTA esistente, quindi fare clic su Inserisci.

• Se non si dispone di un abbonamento Enterprise, selezionare un tempo di visualizzazione per la sovrapposizione:
  • Prima dell'inizio del video: visualizzate il modulo o la CTA prima dell'inizio della riproduzione del video.
  • Dopo la fine del video: visualizza il modulo o la CTA subito dopo la fine della riproduzione del video.
    

• • Se si dispone di un abbonamento Enterprise , è possibile personalizzare l'ora esatta in cui appare l'overlay:
    • Nella sezione Opzioni di visualizzazione della domanda, fare clic su Modifica.

• • • Nel pannello di destra, fare clic sul menu a discesa Ora di visualizzazione e selezionare un'ora. Se si seleziona un orario personalizzato, è possibile specificare l'orario facendo clic sul cerchio sotto il video e trascinandolo nella posizione corretta, oppure inserendo un orario nel campo Orario di visualizzazione selezionato.

• • • Per impedire ai visitatori di saltare l'overlay, fare clic sul menu a discesa dell'opzione Salta e selezionare Non permettere ai visitatori di saltare il modulo/CTA. Per impostazione predefinita, i visitatori potranno saltare l'overlay.
      
      
      

• Per modificare le opzioni di riproduzione del video, fare clic su Avanzate, quindi selezionare le caselle di controlloLoop video, Muteby default,Autoplay oHide controls. Quando si utilizza l'opzione Autoplay, si consiglia di selezionare anche l'opzione Mute by default per rispettare le restrizioni del browser. In genere, i video con audio vengono disattivati o bloccati dalla riproduzione automatica.
  • Google Chrome: i video in riproduzione automatica devono essere silenziati. I video visitati frequentemente dallo spettatore possono essere riprodotti automaticamente con l'audio. Per saperne di più sul sistema di punteggio di Google.
  • Safari: i video in riproduzione automatica devono essere disattivati. Gli spettatoripossono scegliere di bloccare o consentire l'autoplay non silenziato per domini specifici nella loro configurazione. Ulteriori informazioni sulla gestione dei video in autoplay in Safari.
  • Mozilla Firefox: i video in riproduzione automatica devono essere silenziati. Gli spettatori possono scegliere di bloccare o consentire l'autoplay non silenziato per domini specifici nella loro configurazione. Ulteriori informazioni sulla gestione dei video in autoplay in Firefox.
• Per modificare il colore del pulsante di riproduzione, fare clic su Opzioni di stile, e inserire un valore esadecimale, oppure fare clic sul selezionatore di colori e selezionare un colore.

Aggiungere didascalie o sottotitoli ai video

Nello strumento file è possibile aggiungere sottotitoli in più lingue ai video con le funzioni avanzate attivate. Questo renderà i vostri video più accessibili ai visitatori che non possono sentire l'audio o che parlano una lingua diversa.

• I sottotitoli devono essere preparati in un file.vtt prima di iniziare questo processo.
• È possibile aggiungere fino a 6 sottotitoli per video.
• Ogni lingua può essere selezionata una sola volta. Ad esempio, non si possono avere due sottotitoli in francese diversi.

Per aggiungere i sottotitoli a un file video:

• Nel vostro account HubSpot, andate su .
• Fate clic sul nome del video a cui volete aggiungere i sottotitoli.
• Nel pannello di destra, fare clic per espandere la sezione Sottotitoli .
• Fare clic su + Aggiungi nuova lingua
  

• Nella finestra di dialogo, fare clic sul menu a discesa Lingua sottotitoli e selezionare una lingua.
• Fare clic su Seleziona un file e caricare il file .vtt dei sottotitoli su HubSpot.
• Fare clic su Salva. La lingua del nuovo sottotitolo apparirà nei dettagli del file e sarà possibile visualizzare, sostituire o eliminare il sottotitolo:
  • Per visualizzare il contenuto del file di un sottotitolo, fare clic su Visualizza.
  • Per sostituire il file di un sottotitolo per una lingua specifica, fare clic su Sostituisci.
  • Per eliminare un sottotitolo per una lingua specifica, fare clic su Elimina.
• Per aggiungere un altro sottotitolo, fare clic su + Aggiungi nuova lingua.
  

Analizzare le prestazioni dei video (solo per pagine, post di blog e articoli di knowledge base)

Dopo aver aggiunto un video alla pagina, al post del blog o all'articolo della Knowledge Base di HubSpot, è possibile analizzare le prestazioni del video attraverso metriche come il numero di visualizzazioni e la retention del video. Queste metriche possono essere visualizzate nella pagina dei dettagli del contenuto, nei report personalizzati e nelle cronologie dei contatti. È anche possibile filtrare le interazioni con i media negli elenchi e nei flussi di lavoro.

Nota bene: le analisi delle prestazioni video sono disponibili solo per i video di HubSpot. I file video esterni incorporati con un URL o un codice embed non generano analisi in HubSpot.

Visualizzazioni video nelle prestazioni della pagina

• Navigare verso il proprio contenuto:

  • Pagine del sito web:
  • Landing Page:
  • Blog:
  • Knowledge Base:

• Fare clic sul nome di un post, di una pagina o di un articolo per visualizzare i dettagli delle prestazioni.
• Se nella pagina è presente più di un video HubSpot, in alto a sinistra fare clic sul menu a discesa Video e selezionare un video.
• Se si sta eseguendo un test A/B sulla pagina, nella parte superiore dellascheda Prestazioni , fare clic sul menu a discesa Variazione e selezionare una variazione. Le visualizzazioni dei video non appariranno per le pagine sottoposte a Test a/b senza che sia stata selezionata una variante.

• Analizzare le riproduzioni video:
  • Visualizzazioni video: il numero di volte in cui il video è stato caricato sulla vostra pagina nel browser di un visitatore.
    
    
  • Ritenzione dei video: misura di quali parti del vostro contenuto video sono state riprodotte.
    
    

Visualizzazioni video su un record del contatto

Per vedere le visualizzazioni video di un record del contatto:

• Fare clic sul nome di un contatto.
• Per filtrare l'attività del contatto in base alle visualizzazioni video, fare clic sulla scheda Attività. Quindi, fare clic su Filtra attività e selezionare la casella di controllo Riproduzioni multimediali .

Riproduzione di video nei report personalizzati( soloMarketing Hub Professional e Enterprise )

Utilizzando il generatore di rapporti personalizzati, è possibile creare rapporti per analizzare le riproduzioni video:

• Nel vostro account HubSpot, andate su Rapporti > Rapporti.
• Fare clic su Generatore di rapporti personalizzati.
• Per utilizzare gli eventi comportamentali personalizzati come fonte primaria di dati, fare clic sul menu a discesa Fonte primaria di dati , quindi selezionare Media.
  
  
• Se si desidera utilizzare i media play come fonte non primaria, è possibile selezionare Media dalla sezione Marketing.
  
  
• Continuare a creare il report.

Riproduzioni video nei rapporti di attribuzione (soloMarketing Hub Enterprise )

Per impostazione predefinita, le riproduzioni video sono incluse nei rapporti di attribuzione dei ricavi. Se questa impostazione è stata disattivata, gli utenti con i permessi di accesso all'account possono riattivare questa fonte di dati nelle impostazioni:

• Nel menu della barra laterale sinistra, fare clic su Tracking & Analytics > Attribuzione. Questa impostazione appare solo per gli utenti con i permessi di accesso all'account.
• Nella sezione Tipi di interazione, fare clic per attivare l'interruttore Media riprodotti.
• Fare clic su Salva.
• Nella finestra di dialogo, rivedere la modifica, quindi fare clic su Salva e avvia la rielaborazione.

I report esistenti inizieranno a essere rielaborati per includere le riproduzioni video. Questa operazione può richiedere fino a due giorni, a seconda della quantità di dati presenti nel vostro account HubSpot. HubSpot vi invierà un'e-mail di conferma una volta terminata la rielaborazione dei report.