Articles

HTML5 en video in e-mail

Posted on

Artikel voor het eerst gepubliceerd in oktober 2009, bijgewerkt in mei 2019

Nadat het e-mailmarketinglandschap steeds concurrerender wordt, zoeken marketeers naar manieren om de lezerservaring te verbeteren. Immers, als uw lezers van uw e-mails genieten, zullen ze eerder geneigd zijn op uw aanbod in te gaan, wat resulteert in hoge conversieratio’s (en een hogere omzet).

Een manier waarop u uw lezers een betere ervaring kunt bieden, is door HTML5-video in uw e-mails in te sluiten. Het gebruik van video in marketing zit in de lift, en het combineren ervan met e-mailmarketing kan een recept voor succes zijn.

Updated voor 2019: Het beste gebruik van video in e-mail

Als je de afgelopen jaren in het e-mailmarketingcircuit hebt gezeten, begrijp je waarschijnlijk hoe sterk het is veranderd. Om te beginnen is het niet meer zo eenvoudig om abonnees te krijgen die zich aanmelden voor uw e-maillijst als vroeger. En als het je eenmaal gelukt is om een aantal abonnees aan te melden, kan het moeilijk zijn om ze betrokken te houden.

Daarom is video zo populair geworden in e-mail.

Hoewel HTML5 en video-e-mail niet nieuw zijn in e-mailmarketing. Marketeers hebben in het verleden geprobeerd deze twee te combineren, maar met gemengde resultaten (rampzalig op sommige e-mailclients). Maar met de vooruitgang in de technologie is er een opleving in het gebruik van HTML5 en video in e-mail. Het is alleen belangrijk om voorzichtig te zijn met de manier waarop u dit doet, want het kan uw campagne ruïneren als het niet op de juiste manier wordt gedaan.

Houd het volgende in gedachten bij het gebruik van video in uw e-mails.

Laat lezers weten dat er een video in de e-mail

Laat uw lezers weten dat uw e-mail een video bevat, is een goede manier om uw open rates te verhogen. Doe dit door het woord “video” in de onderwerpregel op te nemen om de interesse van uw lezers te wekken.

Maak een serie

Een goede manier om lezers betrokken te houden is door een videoserie voor uw e-mail te maken. Zorg er wel voor dat het informatief en onderhoudend is. Een manier om dit te bereiken is om uw abonnees te laten zien wat er achter de schermen van uw bedrijf gebeurt.

Creëer video testimonials

Niets zet meer aan tot actie dan een testimonial. Vraag uw beste klanten of ze u van videotestimonials kunnen voorzien. Deze kunnen gemakkelijk worden gemaakt zonder naar een professionele studio te gaan. Video e-mail marketing wordt niet beter dan echte, authentieke video testimonials.

Mini tutorials

Zijn er vragen die uw klanten constant stellen? Maak dan tutorials of educatieve video’s over die onderwerpen en neem ze op in uw e-mails. Dit is een uitstekende manier om te laten zien wat uw product kan doen en uw klanten te informeren over best practices.

Deel uw merkverhaal

Iedereen houdt van een goed verhaal, en uw klanten zouden graag het uwe willen weten. Embed een video van uw merkverhaal in uw e-mails, met name in uw welkomstmail. Dit is een eenvoudige en efficiënte manier om een band met uw publiek op te bouwen.

Er is geen reden waarom u voor uw volgende campagne niet zou kiezen voor video e-mailmarketing. Gelukkig is het niet moeilijk om video in e-mail in te sluiten.

Aanpak van video in e-mail

Het is niet de eerste keer dat we de ondersteuning van video in e-mail onder de loep nemen. In ons vorige onderzoek zochten we naar een aanpak die video mogelijk zou maken in e-mailclients die dat ondersteunen en een aanklikbare fallback-afbeelding voor degenen die dat niet doen (die de video dan in de browser zou afspelen).

De resultaten waren teleurstellend. Alleen Apple Mail ondersteunde fatsoenlijk afspelen van video via Flash, en er was geen consistente manier om fallback content te bieden voor de clients die geen Flash ondersteunen. Dit lijkt de kern van het probleem te zijn. Als video niet werkt, kun je maar beter een backup plan hebben dat voor alle anderen goed werkt. Omdat de meeste e-mail clients de <object> tag die gebruikt wordt om video in te voegen strippen, was een backup plan niet beschikbaar.

Een eenvoudige aanpak met HTML5

Met Kroc Camen’s zeer coole Video for Everybody als uitgangspunt was het duidelijk dat de aanpak voor de browser heel anders zou zijn dan voor e-mailclients.

Kroc’s techniek voorzag in meerdere lagen van ondersteuning (hier te zien). Dus, als HTML5 <video> niet beschikbaar is, kun je terugvallen op QuickTime of Flash en bijna altijd garanderen dat de video werkt. Omdat we weten dat Flash en QuickTime in e-mail universeel worden geblokkeerd, kunnen deze backup-opties worden gestript om het eenvoudig te houden.

Omwille van de eerder genoemde codec-strijd moet u uw video zowel in H.264 (ondersteund door Apple en Google) als in Ogg Theora (ondersteund door Mozilla en Opera) aanleveren. Dit is niet het geval met e-mail. De enige populaire e-mailclient die Gecko gebruikt (de rendering engine van Firefox) is Thunderbird, dat er momenteel voor kiest geen HTML5-video weer te geven. Dus, net als de Flash/Quicktime fallback, ligt Ogg Theora er ook uit. Als een groot aantal van uw ontvangers op de webversie van uw e-mails klikt, kunt u overwegen deze weer toe te voegen voor alle abonnees die Firefox gebruiken.

De uiteindelijke code

Na het schrappen van alle video-opties die door e-mail overbodig zijn geworden, is hier de uiteindelijke code die de beste resultaten gaf.

Zoals je kunt zien, geef je een fallback-afbeelding (die handig wordt geladen als de poster voor de film voordat deze wordt afgespeeld voor e-mailclients die video ondersteunen) in de <video> tag samen met de breedte en hoogte van de video. Binnen de <video>-tag roept u de H.264-gecodeerde video op met de <source>-tag, waarbij u eraan denkt het bestand op uw server volledig te verwijzen.

Tot slot voegt u in de <video>-tags de back-upinhoud toe die u wilt laten weergeven in e-mailclients die HTML5 niet ondersteunen. Dit zou normaal gesproken een aanklikbaar screenshot van de video zijn dat de video in de browser afspeelt wanneer erop wordt geklikt.

De resultaten

Werkend op een Mac, was mijn eerste stop Apple Mail. De video werd perfect weergegeven. Het speelde ook prachtig af op de iPhone e-mail client.

Ik richtte me vervolgens op de populaire web-based e-mail clients: Yahoo!, Gmail, en Hotmail. Helaas lijkt het erop dat de web-e-mailprogramma’s ervoor kiezen HTML5-video niet af te spelen. Hoewel dit teleurstellend was, is het nieuws niet helemaal slecht. In plaats van de video kon ik de meegeleverde back-up inhoud laten zien – in dit geval een aanklikbare fallback afbeelding waar ik naar de video op mijn website kon linken. Deze mogelijkheid was bij geen van de eerdere pogingen tot echte video in e-mail beschikbaar en was een welkome verbetering.

Toen ik verder ging met testen, werden dezelfde resultaten ervaren op desktop e-mail clients op de PC. De video werd niet afgespeeld, maar de fallback optie verscheen in elke client die ik testte. Hier zijn de volledige resultaten:

Apple Mail

Lotus Notes 6, 7 en 8.5

Web-gebaseerde e-mailclients

Hotmail

Mobiele e-mailclients

Desktop e-mailclients Resultaat
Video speelt af
Entourage 2008 Video speelt af
✘ Fallback content weergegeven
Outlook 2007 ✘ Fallback content weergegeven
Outlook 2003 ✘ Fallback content weergegeven
Thunderbird ✘ Fallback content weergegeven
Windows Mail ✘ Fallback content weergegeven
Resultaat
AOL Web ✘ Weergegeven fallback content
Gmail ✘ Weergegeven fallback content
✘ Fallback content weergegeven
MobileMe Video speelt af
MySpace ✘ Weergegeven inhoud
Resultaat
iPhone Video speelt af

Zie het in actie

Om je een idee te geven hoe HTML5-video wordt weergegeven in een paar van de populaire e-mailclients, zijn hier enkele screenshots van mijn tests.

Apple Mail 4

Toen ik de e-mail in Apple Mail opende, werd de fallback-afbeelding die ik in het poster-attribuut had opgegeven getoond terwijl de film begon in te stromen. Na een paar seconden verschenen de videobesturingselementen en kon ik de voortgang van het laden van de film zien en hem beginnen te bekijken.

iPhone 3.1.2

De iPhone ondersteunt geen videostreaming in de browser of e-mailclient en geeft in plaats daarvan een duidelijke melding dat je de film kunt bekijken door op de posterafbeelding te klikken. Als je op het plaatje klikt, wordt de film geladen in de QuickTime-speler van de iPhone. Aan het eind van het filmpje wordt u teruggeleid naar de e-mail.

Outlook 2007

Net als alle e-mailclients die geen HTML5-video ondersteunen, geeft Outlook 2007 de fallback-inhoud weer die we binnen de videotag hebben opgegeven. Dit kan alle HTML zijn die je maar wilt en is niet beperkt tot een enkele afbeelding. In de meeste gevallen zou dit waarschijnlijk een screenshot van de film zijn en misschien een afspeelpictogram eroverheen om de ontvanger te verleiden op de afbeelding te klikken en de video in zijn browser te bekijken.

Het resultaat was hetzelfde voor alle e-mailclients die geen HTML5-video ondersteunden, waardoor dit een handige manier was om een consistente ervaring te bieden voor elke ontvanger.

Kunt u video insluiten in Campaign Monitor?

Kunt u als klant van Campaign Monitor HTM5-video effectief insluiten in e-mail? Ja, en het is heel eenvoudig.

In onze nieuwe en eenvoudig te gebruiken drag-and-drop e-mail builder, klikt u op het video-inhoudsblok en sleept u het naar de plaats waar u een video wilt insluiten in uw e-mail. Vervolgens voegt u de URL van uw video toe, zoals in het onderstaande voorbeeld:

Bron: Campaign Monitor

Deze twee eenvoudige stappen zijn alles wat nodig is om een HTML5-video in uw e-mail in te sluiten.

Wilt u deze techniek gebruiken?

Deze aanpak is waarschijnlijk de beste optie die beschikbaar is voor het opnemen van video in e-mail, omdat u op betrouwbare wijze fallback-content kunt bieden die in elke e-mailclient werkt. De voor de hand liggende beperking is dat het op dit moment alleen werkt voor abonnees die Apple-producten gebruiken.

Het besluit over de geschiktheid van deze aanpak hangt echt af van uw abonneelijst. Bijvoorbeeld, 50% van onze eigen klantenlijst opent onze maandelijkse nieuwsbrief met een van de ondersteunde Apple e-mailclients (je kunt dit voor je eigen lijst achterhalen met behulp van onze handige e-mailclientrapporten). Als we video in een e-mail willen opnemen, betekent deze techniek dat de helft van onze abonnees de video direct in hun e-mailclient kan bekijken, en dat de andere helft een perfect acceptabele fallback-afbeelding te zien krijgt waarop ze kunnen klikken om de video in hun browser te bekijken.

Wrap up

Hot5-video in e-mail gebruiken is helemaal niet moeilijk, vooral als u een Campaign Monitor-klant bent. Houd deze benaderingen en testresultaten in gedachten de volgende keer dat u overweegt video aan uw campagnes toe te voegen.

Voor meer leesvoer over hoe u video in e-mail kunt gebruiken, kunt u ons artikel Hoe u video in e-mailmarketing kunt gebruiken lezen.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *