Articles

HTML5 e Vídeo em Email

Posted on

Artigo publicado pela primeira vez em Outubro de 2009, actualizado em Maio de 2019

Com o panorama do marketing por email a tornar-se cada vez mais competitivo, os marqueteiros estão à procura de formas de melhorar a experiência dos leitores. Afinal, se os seus leitores apreciarem os seus emails, terão mais probabilidades de aceitar a sua oferta, resultando em altas taxas de conversão (e aumento de receitas).

Uma forma de dar aos seus leitores uma melhor experiência é incorporando vídeo HTML5 nos seus emails. A utilização do vídeo no marketing está a aumentar, e combiná-lo com o e-mail marketing pode ser uma receita para o sucesso.

Actualizado para 2019: A melhor utilização do vídeo no e-mail

Se tiver estado no circuito do e-mail marketing nos últimos anos, provavelmente compreenderá o quanto isso mudou. Para começar, conseguir subscritores para se inscreverem na sua lista de correio electrónico não é tão fácil como costumava ser. E, uma vez que tenha conseguido que alguns se inscrevam, mantê-los envolvidos pode ser difícil.

É por isso que o vídeo se tornou tão popular no e-mail.

No entanto, o HTML5 e o e-mail de vídeo não são novidade no e-mail marketing. Os marketeiros tentaram casar estes dois no passado, mas com resultados mistos (desastrosos em alguns clientes de e-mail). Mas, com os avanços da tecnologia, tem havido um ressurgimento na utilização de HTML5 e vídeo no correio electrónico. É apenas importante ter cuidado na forma como o faz, pois pode arruinar a sua campanha se não for feito da forma correcta.

P>Cuidado com o seguinte quando utilizar vídeo nos seus emails.

Deixe os leitores saberem que há um vídeo no email

Dizer aos leitores que o seu email contém um vídeo é uma boa forma de aumentar as suas tarifas abertas. Faça-o incluindo a palavra “vídeo” na linha de assunto, para despertar os interesses dos seus leitores.

Criar uma série

Uma grande forma de manter os leitores envolvidos é criando uma série de vídeo para o seu e-mail. Basta ter a certeza de que é informativo e divertido. Uma maneira de o conseguir é mostrar aos seus assinantes o que acontece nos bastidores do seu negócio.

Criar testemunhos em vídeo

Nada inspira mais acção do que um testemunho. Pergunte aos seus melhores clientes se eles lhe podem fornecer testemunhos em vídeo. Estes podem ser feitos facilmente sem ter de ir a um estúdio profissional. O vídeo e-mail marketing não fica melhor do que os verdadeiros e autênticos testemunhos em vídeo.

Mini tutoriais

Há perguntas que os seus clientes estão constantemente a fazer? Tente criar tutoriais ou vídeos educativos em torno desses tópicos e incluí-los nos seus emails. Esta é uma excelente forma de mostrar o que o seu produto pode fazer e educar os seus clientes sobre as melhores práticas.

Partilhe a história da sua marca

Todos adoram uma boa história, e os seus clientes adorariam conhecer a sua. Incorporem um vídeo da história da vossa marca nos vossos emails, particularmente no vosso email de boas-vindas. Esta é uma forma fácil e eficiente de estabelecer uma ligação com o seu público.

Com tantos bons usos para vídeo no e-mail, não há razão para não adoptar o vídeo de marketing por e-mail para a sua próxima campanha. Felizmente, não é difícil incorporar vídeo no e-mail.

Aplicações para vídeo no e-mail

Esta não é a primeira vez que temos um olhar atento ao suporte para vídeo no e-mail. Na nossa pesquisa anterior, estávamos à procura de uma abordagem que permitisse vídeo em clientes de e-mail que o suportassem e uma imagem de retorno clicável para aqueles que não o fizessem (que depois reproduzissem o vídeo no browser).

Os resultados foram decepcionantes. Apenas o Apple Mail suportava a reprodução decente de vídeo via Flash, e não havia uma forma consistente de fornecer conteúdo fallback para os clientes que não suportavam Flash. Isto parece ser o cerne do problema. Se o vídeo não funcionar, é melhor ter um plano de backup que funcione bem para todos os outros. Uma vez que a maioria dos clientes de e-mail tira o <object> tag usado para inserir vídeo, não estava disponível um plano de cópia de segurança.

Uma abordagem simples usando HTML5

Usando o vídeo muito fixe de Kroc Camen para todos como ponto de partida, ficou claro que a abordagem para o navegador seria muito diferente da dos clientes de e-mail.

A técnica de Kroc forneceu múltiplas camadas de suporte (visto aqui). Assim, se HTML5 <video> não estiver disponível, pode voltar ao QuickTime ou Flash e quase sempre garantir que o vídeo irá funcionar. Como sabemos que o Flash e o QuickTime estão universalmente bloqueados no correio electrónico, estas opções de cópia de segurança podem ser removidas para o manter simples.

Due to the codec battle mentioned earlier, precisa de fornecer o seu vídeo tanto no H.264 (suportado pela Apple e Google) como no Ogg Theora (suportado pela Mozilla e Opera). Este não é o caso do e-mail. O único cliente de e-mail popular que usa Gecko (o motor de renderização Firefox) é o Thunderbird, que actualmente opta por não mostrar o vídeo HTML5. Assim, tal como o Flash/Quicktime fallback, Ogg Theora também está fora. Se um grande número dos seus destinatários estivesse a clicar na versão web dos seus emails, então poderia considerar adicioná-lo de volta para qualquer assinante usando Firefox.

O código final

Depois de cortar todas as opções de vídeo tornadas redundantes por email, aqui está o código final que deu os melhores resultados.

Como pode ver, fornece uma imagem de recurso (que é convenientemente carregada como poster para o filme antes de ser reproduzida para clientes de e-mail que suportam vídeo) no tag <video> juntamente com a largura e altura do vídeo. Dentro do <video> tag que chama o vídeo codificado H.264 utilizando o <source> tag, lembrando-se de referenciar completamente o ficheiro no seu servidor.

Finalmente, adicione o conteúdo de cópia de segurança que gostaria de exibir em qualquer cliente de e-mail que não suporte HTML5 dentro do <video> tags. Isto seria normalmente uma captura de ecrã clicável do vídeo que reproduziria o vídeo no browser quando clicado.

Os resultados

Trabalhar num Mac, a minha primeira paragem foi o Apple Mail. O vídeo foi reproduzido na perfeição. Também tocou lindamente no cliente de correio electrónico do iPhone.

I depois virei-me para os populares clientes de correio electrónico baseados na web: Yahoo!, Gmail, e Hotmail. Infelizmente, parece que os clientes de correio electrónico baseados na web estão a optar por desactivar a reprodução do vídeo HTML5. Embora isto tenha sido decepcionante, as notícias não são todas más. No lugar do vídeo, consegui exibir o conteúdo de backup fornecido – neste caso, uma imagem de recurso clicável onde podia ligar ao vídeo no meu website. Esta facilidade nunca esteve disponível com nenhuma das tentativas anteriores de vídeo verdadeiro em e-mail e foi uma melhoria bem-vinda.

Como continuei a testar, os mesmos resultados foram experimentados em clientes de e-mail de secretária no PC. O vídeo não foi reproduzido, mas a opção de recurso apareceu em cada um dos clientes que testei. Aqui estão os resultados completos:

>Entourage 2008

Notas de lótus 6, 7 e 8.5>✘ Fallback content displayed
>>Outlook 2007

>>Windows Mail

Resultado

AOL Web

>>MobileMe Reproduções de vídeo

Reproduções de vídeo

Desktop email clients Resultado
Apple Mail Reproduções de vídeo
Reproduções de vídeo
✘ Fallback content displayed
Outlook 2003 ✘ Fallback content exibido
Thunderbird ✘ Fallback content displayed
✘ Fallback content displayed
Web-clientes de e-mail com base em clientes
✘ Fallback content displayed
Gmail ✘ Fallback content displayed
Hotmail ✘ Fallback content displayed
MySpace ✘ Fallback content displayed
Mobile email clients Resultado
iPhone

Veja-o em acção

Para lhe dar uma ideia de como o vídeo HTML5 se apresenta em alguns dos populares clientes de e-mail, aqui estão alguns screenshots dos meus testes.

Aple Mail 4

Quando abri o e-mail no Apple Mail, a imagem de recurso que especifiquei no atributo do cartaz foi exibida enquanto o filme começava a ser transmitido. Após alguns segundos, os controlos do vídeo apareceram e pude ver o progresso do carregamento do filme e começar a vê-lo.

iPhone 3.1.2

O iPhone não suporta streaming de vídeo no browser ou cliente de e-mail e, em vez disso, fornece um aviso claro de que ao clicar na imagem do cartaz, poderá ver o filme. Clicando na imagem, carrega-se o filme no leitor QuickTime do iPhone. Na conclusão do filme, é levado de volta para o e-mail.

Outlook 2007

Como todos os clientes de e-mail que não suportam vídeo HTML5, o Outlook 2007 exibe o conteúdo fallback que especificamos dentro da etiqueta de vídeo. Este pode ser qualquer HTML que se goste e não está limitado a uma única imagem. Na maioria dos casos, isto seria provavelmente uma imagem do filme e talvez um ícone de jogo sobreposto para atrair o destinatário a clicar na imagem e a ver o vídeo no seu navegador.

O resultado foi o mesmo para todos os clientes de e-mail que não suportavam vídeo HTML5, tornando isto uma forma útil de proporcionar uma experiência consistente para cada destinatário.

Pode incorporar vídeo no Monitor da Campanha?

Como cliente do Monitor da Campanha, pode incorporar vídeo HTM5 no e-mail de forma eficaz? Sim, e é bastante fácil.

No nosso novo e fácil de usar construtor de e-mail drag-and-drop, clique no bloco de conteúdo do vídeo e arraste-o para o local onde pretende incorporar um vídeo no seu e-mail. A seguir, adicione o URL do seu vídeo, como mostrado no exemplo abaixo:

Source: Campaign Monitor

Estes dois passos simples são tudo o que é preciso para incorporar um vídeo HTML5 no seu e-mail.

Deverá utilizar esta técnica?

Esta abordagem é provavelmente a melhor opção disponível para incluir vídeo no e-mail, porque pode fornecer de forma fiável conteúdos fallback que funcionam em cada cliente de e-mail. A limitação óbvia é que, neste momento, só funciona para os seus subscritores utilizando produtos relacionados com a Apple.

A tomada de uma decisão sobre a adequação desta abordagem resume-se realmente à sua lista de subscritores. Por exemplo, 50% da nossa própria lista de clientes abre a nossa newsletter mensal utilizando um dos clientes de e-mail Apple suportados (pode descobrir isto para a sua própria lista utilizando os nossos úteis relatórios de clientes de e-mail). Se quiséssemos incluir vídeo num e-mail, esta técnica significaria que metade dos nossos subscritores poderiam ver o vídeo directamente no seu cliente de e-mail, e a outra metade veria uma imagem de recurso perfeitamente aceitável em que podem clicar para o ver no seu navegador.

Wrap up

Usar vídeo HTML5 no e-mail não é nada difícil, particularmente se for cliente da Campaign Monitor. Tenha estas abordagens e resultados de teste em mente da próxima vez que estiver a considerar adicionar vídeo às suas campanhas.

Para mais informações sobre como pode utilizar o vídeo no e-mail, consulte o nosso artigo Como Utilizar o Vídeo no E-mail Marketing.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *