Articles

HTML5 e video nelle email

Posted on

Articolo pubblicato per la prima volta nell’ottobre 2009, aggiornato a maggio 2019

Con il panorama dell’email marketing sempre più competitivo, i marketer sono alla ricerca di modi per migliorare l’esperienza dei lettori. Dopo tutto, se i tuoi lettori apprezzano le tue email, saranno più propensi ad accettare la tua offerta, con conseguenti alti tassi di conversione (e maggiori entrate).

Un modo per dare ai tuoi lettori una migliore esperienza è quello di incorporare video HTML5 nelle tue email. L’uso del video nel marketing è in aumento, e combinarlo con l’email marketing può essere una ricetta per il successo.

Aggiornato per il 2019: Il miglior uso del video nelle email

Se sei stato nel circuito dell’email marketing negli ultimi anni, probabilmente hai capito quanto sia cambiato. Per prima cosa, convincere gli iscritti ad iscriversi alla tua lista di email non è più facile come una volta. E, una volta che sei riuscito a farli iscrivere, mantenerli impegnati può essere difficile.

Questo è il motivo per cui il video è diventato così popolare nelle email.

Tuttavia, HTML5 e video email non sono nuovi all’email marketing. I marketer hanno provato a sposare questi due in passato, ma con risultati contrastanti (disastrosi su alcuni client di posta elettronica). Ma, con i progressi della tecnologia, c’è stata una rinascita nell’uso di HTML5 e video nelle e-mail. E’ solo importante fare attenzione al modo in cui lo fai, in quanto potrebbe rovinare la tua campagna se non è fatto nel modo giusto.

Tieni a mente quanto segue quando usi i video nelle tue email.

Fai sapere ai lettori che c’è un video nell’email

Fare sapere ai tuoi lettori che la tua email contiene un video è un buon modo per aumentare i tuoi tassi di apertura. Fallo includendo la parola “video” nella riga dell’oggetto per stimolare l’interesse dei tuoi lettori.

Crea una serie

Un ottimo modo per mantenere i lettori impegnati è quello di creare una serie di video per la tua email. Basta essere sicuri che sia informativo e divertente. Un modo per raggiungere questo obiettivo è quello di mostrare ai tuoi abbonati cosa succede dietro le quinte del tuo business.

Crea video testimonial

Niente ispira l’azione più di una testimonianza. Chiedi ai tuoi migliori clienti se possono fornirti delle testimonianze video. Questi possono essere facilmente realizzati senza andare in uno studio professionale. Il video email marketing non ha niente di meglio di testimonianze video reali e autentiche.

Mini tutorial

Ci sono domande che i tuoi clienti fanno costantemente? Prova a creare tutorial o video educativi su questi argomenti e includili nelle tue email. Questo è un modo eccellente per mostrare ciò che il tuo prodotto può fare ed educare i tuoi clienti sulle migliori pratiche.

Condividi la storia del tuo marchio

Tutti amano una buona storia, e ai tuoi clienti piacerebbe conoscere la tua. Incorpora un video della storia del tuo marchio nelle tue email, in particolare nella tua email di benvenuto. Questo è un modo semplice ed efficace per stabilire una connessione con il tuo pubblico.

Con così tanti buoni usi per i video nelle email, non c’è motivo per cui non dovresti adottare il video email marketing per la tua prossima campagna. Fortunatamente, non è difficile incorporare i video nelle email.

Approcci al video nelle email

Questa non è la prima volta che abbiamo dato uno sguardo da vicino al supporto per i video nelle email. Nella nostra ricerca precedente, stavamo cercando un approccio che permettesse il video nei client di posta elettronica che lo supportano e un’immagine fallback cliccabile per quelli che non lo supportano (che poi riprodurrebbe il video nel browser).

I risultati sono stati deludenti. Solo Apple Mail supportava una riproduzione video decente tramite Flash, e non c’era un modo coerente per fornire contenuti di ripiego per quei client che non supportano Flash. Questo sembra essere il nocciolo del problema. Se il video non funziona, è meglio avere un piano di riserva che funzioni bene per tutti gli altri. Poiché la maggior parte dei client di posta elettronica rimuove il tag <object> usato per inserire il video, un piano di backup non era disponibile.

Un approccio semplice usando HTML5

Utilizzando il bellissimo Video for Everybody di Kroc Camen come punto di partenza, era chiaro che l’approccio per il browser sarebbe stato molto diverso da quello per i client di posta elettronica.

La tecnica di Kroc prevedeva più livelli di supporto (vedi qui). Così, se HTML5 <video> non è disponibile, si può ripiegare su QuickTime o Flash e quasi sempre garantire che il video funzioni. Poiché sappiamo che Flash e QuickTime sono universalmente bloccati nelle e-mail, queste opzioni di backup possono essere rimosse per mantenere tutto semplice.

A causa della battaglia dei codec menzionata prima, è necessario fornire il video sia in H.264 (supportato da Apple e Google) che in Ogg Theora (supportato da Mozilla e Opera). Questo non è il caso delle e-mail. L’unico client di posta elettronica popolare che usa Gecko (il motore di rendering di Firefox) è Thunderbird, che attualmente sceglie di non visualizzare video HTML5. Quindi, proprio come il fallback Flash/Quicktime, anche Ogg Theora è fuori. Se un gran numero dei tuoi destinatari clicca sulla versione web delle tue email, allora potresti considerare di aggiungerlo di nuovo per tutti gli abbonati che usano Firefox.

Il codice finale

Dopo aver tagliato tutte le opzioni video rese superflue dalle email, ecco il codice finale che ha dato i migliori risultati.

Come si può vedere, si fornisce un’immagine di fallback (che viene convenientemente caricata come poster del filmato prima della riproduzione per i client di posta elettronica che supportano il video) nel tag <video> insieme alla larghezza e all’altezza del video. All’interno del tag <video> chiamate il video codificato in H.264 usando il tag <source>, ricordandovi di fare riferimento completo al file sul vostro server.

Infine, aggiungete il contenuto di backup che vorreste fosse visualizzato in qualsiasi client di posta elettronica che non supporta HTML5 all’interno dei tag <video>. Questo sarebbe normalmente uno screenshot cliccabile del video che riproduce il video nel browser quando viene cliccato.

I risultati

Lavorando su un Mac, la mia prima tappa è stata Apple Mail. Il video è stato reso perfettamente. Ha funzionato perfettamente anche sul client di posta elettronica dell’iPhone.

Poi mi sono rivolto ai popolari client di posta elettronica basati sul web: Yahoo!, Gmail e Hotmail. Sfortunatamente, sembra che i client di posta elettronica basati sul web stiano scegliendo di disabilitare la riproduzione dei video HTML5. Anche se questo è stato deludente, le notizie non sono tutte negative. Al posto del video, sono stato in grado di visualizzare il contenuto di backup fornito – in questo caso, un’immagine fallback cliccabile dove potevo collegarmi al video sul mio sito web. Questa struttura non è mai stata disponibile con nessuno dei precedenti tentativi di vero video nelle e-mail ed è stato un miglioramento gradito.

Continuando a testare, gli stessi risultati sono stati sperimentati su client di posta elettronica desktop sul PC. Il video non è stato riprodotto, ma l’opzione di fallback è apparsa in ogni singolo client che ho testato. Ecco i risultati completi:

Clienti email desktop Risultato
Apple Mail Video plays
Entourage 2008 Video plays
Lotus Notes 6, 7 e 8.5 ✘ Contenuto fallback visualizzato
Outlook 2007 ✘ Contenuto fallback visualizzato
Outlook 2003 ✘ Contenuto fallback visualizzato
Thunderbird ✘ Contenuto di fallback visualizzato
Windows Mail ✘ Contenuto di fallback visualizzato
Web-basato su client e-mail Risultato
AOL Web ✘ Contenuto di fallback visualizzato
Gmail ✘ Contenuto di fallback visualizzato
Hotmail ✘ Contenuto di riserva visualizzato
Il video gioca
MySpace ✘ Contenuto di fallback visualizzato
Clienti email mobile Risultato
iPhone Il video gioca

Vedi in azione

Per darti un’idea di come il video HTML5 rende in alcuni dei più popolari client di posta elettronica, ecco alcuni screenshot dei miei test.

Apple Mail 4

Quando ho aperto l’email in Apple Mail, l’immagine fallback che ho specificato nell’attributo poster è stata visualizzata mentre il filmato iniziava lo streaming. Dopo qualche secondo, sono apparsi i controlli video e ho potuto vedere il progresso del caricamento del film e iniziare a guardarlo.

iPhone 3.1.2

L’iPhone non supporta lo streaming video nel browser o nel client di posta elettronica e, invece, fornisce una chiara indicazione che cliccando sull’immagine del poster sarà possibile guardare il film. Cliccando sull’immagine, il film viene caricato nel lettore QuickTime dell’iPhone. Alla conclusione del filmato, si torna all’e-mail.

Outlook 2007

Come tutti i client di posta elettronica che non supportano il video HTML5, Outlook 2007 visualizza il contenuto di ripiego che specifichiamo all’interno del tag video. Questo può essere qualsiasi HTML e non è limitato ad una singola immagine. Nella maggior parte dei casi, questo sarebbe probabilmente uno screenshot del filmato e forse un’icona di riproduzione sovrapposta per invogliare il destinatario a cliccare sull’immagine e visualizzare il video nel suo browser.

Il risultato era lo stesso per tutti i client di posta elettronica che non supportavano il video HTML5, rendendo questo un modo pratico per fornire un’esperienza coerente per ogni destinatario.

Puoi incorporare video in Campaign Monitor?

Come cliente di Campaign Monitor, puoi incorporare video HTM5 nelle email in modo efficace? Sì, ed è abbastanza facile.

Nel nostro nuovo e facile da usare costruttore di email drag-and-drop, clicca sul blocco del contenuto video e trascinalo nel posto in cui vuoi incorporare un video nella tua email. Poi, aggiungi l’URL del tuo video, come mostrato nell’esempio qui sotto:

Fonte: Campaign Monitor

Questi due semplici passi sono tutto ciò che serve per incorporare un video HTML5 nella tua email.

Dovresti usare questa tecnica?

Questo approccio è probabilmente la migliore opzione disponibile per includere i video nelle email perché puoi fornire in modo affidabile un contenuto fallback che funziona in ogni client email. L’ovvia limitazione è che, al momento, funziona solo per i vostri abbonati che usano prodotti legati ad Apple.

Prendere una decisione sull’idoneità di questo approccio dipende davvero dalla vostra lista di abbonati. Per esempio, il 50% della nostra lista di clienti apre la nostra newsletter mensile usando uno dei client di posta elettronica Apple supportati (puoi scoprirlo per la tua lista usando i nostri comodi report sui client di posta elettronica). Se volessimo includere un video in un’email, questa tecnica significherebbe che la metà dei nostri abbonati può guardare il video direttamente nel loro client di posta elettronica, e l’altra metà vedrà un’immagine di ripiego perfettamente accettabile che possono cliccare per guardarlo nel loro browser.

Ripartire

Utilizzare video HTML5 nelle email non è affatto difficile, soprattutto se sei un cliente di Campaign Monitor. Tieni a mente questi approcci e i risultati dei test la prossima volta che stai pensando di aggiungere un video alle tue campagne.

Per ulteriori informazioni su come utilizzare i video nelle email, dai un’occhiata al nostro articolo How to Use Video in Email Marketing.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *