Articles

HTML5 und Video in E-Mails

Posted on

Erstmals veröffentlicht im Oktober 2009, aktualisiert im Mai 2019

Da die E-Mail-Marketing-Landschaft immer wettbewerbsintensiver wird, suchen Marketer nach Möglichkeiten, die Lesererfahrung zu verbessern. Denn wenn Ihren Lesern Ihre E-Mails gefallen, werden sie eher auf Ihr Angebot eingehen, was zu hohen Konversionsraten (und höheren Umsätzen) führt.

Eine Möglichkeit, Ihren Lesern ein besseres Erlebnis zu bieten, ist das Einbetten von HTML5-Videos in Ihre E-Mails. Die Verwendung von Videos im Marketing ist auf dem Vormarsch, und die Kombination mit E-Mail-Marketing kann ein Erfolgsrezept sein.

Aktualisiert für 2019: Die beste Verwendung von Videos in E-Mails

Wenn Sie in den letzten Jahren im E-Mail-Marketing unterwegs waren, wissen Sie wahrscheinlich, wie stark es sich verändert hat. Zum einen ist es nicht mehr so einfach wie früher, Abonnenten dazu zu bringen, sich in Ihre E-Mail-Liste einzutragen. Und wenn Sie es einmal geschafft haben, dass sich einige anmelden, kann es schwierig sein, sie bei der Stange zu halten.

Deshalb sind Videos im E-Mail-Marketing so beliebt geworden.

Allerdings sind HTML5 und Video-E-Mails nicht neu im E-Mail-Marketing. Marketer haben in der Vergangenheit versucht, diese beiden zu kombinieren, allerdings mit gemischten Ergebnissen (katastrophal auf einigen E-Mail-Clients). Aber mit den Fortschritten in der Technologie gibt es einen Wiederaufschwung in der Verwendung von HTML5 und Video in E-Mails. Es ist nur wichtig, dass Sie dabei vorsichtig sind, da es Ihre Kampagne ruinieren könnte, wenn es nicht richtig gemacht wird.

Beachten Sie Folgendes, wenn Sie Videos in Ihren E-Mails verwenden.

Lassen Sie die Leser wissen, dass es ein Video in der E-Mail gibt

Ein guter Weg, um Ihre Öffnungsraten zu erhöhen, ist es, Ihre Leser wissen zu lassen, dass Ihre E-Mail ein Video enthält. Fügen Sie dazu das Wort „Video“ in die Betreffzeile ein, um das Interesse Ihrer Leser zu wecken.

Erstellen Sie eine Serie

Eine großartige Möglichkeit, die Leser bei der Stange zu halten, ist die Erstellung einer Video-Serie für Ihre E-Mail. Achten Sie nur darauf, dass sie informativ und unterhaltsam ist. Eine Möglichkeit, dies zu erreichen, ist, Ihren Abonnenten zu zeigen, was hinter den Kulissen Ihres Unternehmens passiert.

Erstellen Sie Video-Testimonials

Nichts regt mehr zum Handeln an als ein Testimonial. Fragen Sie Ihre besten Kunden, ob sie Ihnen Video-Testimonials zur Verfügung stellen können. Diese können leicht erstellt werden, ohne dass Sie in ein professionelles Studio gehen müssen. Video-E-Mail-Marketing wird nicht besser als echte, authentische Video-Testimonials.

Mini-Tutorials

Gibt es Fragen, die Ihre Kunden ständig stellen? Versuchen Sie, zu diesen Themen Tutorials oder Lehrvideos zu erstellen und in Ihre E-Mails einzubauen. Dies ist eine hervorragende Möglichkeit zu zeigen, was Ihr Produkt kann und Ihre Kunden über die besten Praktiken zu informieren.

Teilen Sie Ihre Markengeschichte

Jeder liebt eine gute Geschichte, und Ihre Kunden würden gerne Ihre kennen. Betten Sie ein Video Ihrer Markengeschichte in Ihre E-Mails ein, insbesondere in Ihrer Willkommens-E-Mail. Dies ist ein einfacher und effizienter Weg, um eine Verbindung zu Ihrem Publikum herzustellen.

Bei so vielen guten Einsatzmöglichkeiten für Videos in E-Mails gibt es keinen Grund, warum Sie Video-E-Mail-Marketing nicht für Ihre nächste Kampagne einsetzen sollten. Glücklicherweise ist es nicht schwierig, Videos in E-Mails einzubetten.

Ansätze für Video in E-Mails

Es ist nicht das erste Mal, dass wir die Unterstützung von Videos in E-Mails unter die Lupe genommen haben. In unseren früheren Untersuchungen suchten wir nach einem Ansatz, der Video in E-Mail-Clients, die es unterstützen, zulässt und ein klickbares Fallback-Bild für diejenigen, die es nicht unterstützen (das dann das Video im Browser abspielt).

Die Ergebnisse waren enttäuschend. Nur Apple Mail unterstützte eine anständige Videowiedergabe über Flash, und es gab keine konsistente Möglichkeit, Fallback-Inhalte für die Clients bereitzustellen, die Flash nicht unterstützen. Das scheint der Knackpunkt des Problems zu sein. Wenn Video nicht funktioniert, sollten Sie besser einen Backup-Plan haben, der für alle anderen gut funktioniert. Da die meisten E-Mail-Clients das <Objekt>-Tag, das zum Einfügen von Videos verwendet wird, entfernen, gab es keinen Ersatzplan.

Ein einfacher Ansatz mit HTML5

Ausgehend von Kroc Camen’s sehr coolem Video for Everybody war klar, dass der Ansatz für den Browser ein ganz anderer sein würde als für E-Mail-Clients.

Kroc’s Technik bot mehrere Ebenen der Unterstützung (hier zu sehen). Wenn also HTML5 <Video> nicht verfügbar ist, kann man auf QuickTime oder Flash zurückgreifen und fast immer garantieren, dass das Video funktioniert. Da wir wissen, dass Flash und QuickTime in E-Mails generell blockiert werden, können diese Backup-Optionen gestrichen werden, um es einfach zu halten.

Aufgrund des bereits erwähnten Codec-Kampfes müssen Sie Ihr Video sowohl in H.264 (unterstützt von Apple und Google) als auch in Ogg Theora (unterstützt von Mozilla und Opera) bereitstellen. Dies ist bei E-Mails nicht der Fall. Der einzige populäre E-Mail-Client, der Gecko (die Rendering-Engine von Firefox) verwendet, ist Thunderbird, der derzeit keine HTML5-Videos anzeigen kann. Genau wie der Flash/Quicktime-Fallback ist also auch Ogg Theora out. Wenn eine große Anzahl Ihrer Empfänger auf die Web-Version Ihrer E-Mails geklickt hat, könnten Sie in Erwägung ziehen, es für alle Abonnenten, die Firefox verwenden, wieder hinzuzufügen.

Der finale Code

Nachdem Sie alle Video-Optionen, die durch die E-Mail überflüssig geworden sind, herausgeschnitten haben, sehen Sie hier den finalen Code, der die besten Ergebnisse liefert.

Wie Sie sehen, stellen Sie im <video>-Tag ein Fallback-Bild (das bei E-Mail-Clients, die Video unterstützen, praktischerweise vor dem Abspielen als Poster für den Film geladen wird) zusammen mit der Breite und Höhe des Videos bereit. Innerhalb des <video>-Tags rufen Sie das H.264-kodierte Video mit dem <source>-Tag auf, wobei Sie daran denken, die Datei auf Ihrem Server vollständig zu referenzieren.

Schließlich fügen Sie innerhalb des <video>-Tags den Sicherungsinhalt hinzu, der in jedem E-Mail-Client angezeigt werden soll, der HTML5 nicht unterstützt. Dies wäre normalerweise ein klickbarer Screenshot des Videos, der das Video im Browser abspielt, wenn er angeklickt wird.

Das Ergebnis

Bei der Arbeit mit einem Mac war meine erste Station Apple Mail. Das Video wurde perfekt gerendert. Auch auf dem iPhone-E-Mail-Client wurde es einwandfrei wiedergegeben.

Dann wandte ich mich den beliebten webbasierten E-Mail-Clients zu: Yahoo!, Gmail und Hotmail. Leider sieht es so aus, als würden die webbasierten E-Mail-Clients die Wiedergabe von HTML5-Videos deaktivieren. Das ist zwar enttäuschend, aber die Nachricht ist nicht nur schlecht. Anstelle des Videos konnte ich den bereitgestellten Backup-Inhalt anzeigen – in diesem Fall ein klickbares Fallback-Bild, mit dem ich auf das Video auf meiner Website verlinken konnte. Diese Möglichkeit war bei den bisherigen Versuchen, echtes Video in E-Mails zu verwenden, nie vorhanden und war eine willkommene Verbesserung.

Als ich weiter testete, zeigte sich das gleiche Ergebnis bei Desktop-E-Mail-Clients auf dem PC. Das Video wurde nicht abgespielt, aber die Fallback-Option erschien in jedem einzelnen Client, den ich getestet habe. Hier sind die vollständigen Ergebnisse:

Desktop-E-Mail-Clients Ergebnis
Apple Mail Video wird abgespielt
Entourage 2008 Video wird abgespielt
Lotus Notes 6, 7 und 8.5 ✘ Fallback-Inhalt angezeigt
Outlook 2007 ✘ Fallback-Inhalt angezeigt
Outlook 2003 ✘ Fallback-Inhalt angezeigt
Thunderbird ✘ Fallback-Inhalt angezeigt
Windows Mail ✘ Fallback-Inhalt angezeigt
Web-basierte E-Mail-Clients Ergebnis
AOL Web ✘ Fallback-Inhalt angezeigt
Gmail ✘ Fallback-Inhalt angezeigt
Hotmail ✘ Fallback-Inhalt angezeigt
MobileMe Video spielt
MySpace ✘ Fallback-Inhalt angezeigt
Mobile E-Mail-Clients Ergebnis
iPhone Video spielt ab

Sehen Sie es in Aktion

Um Ihnen ein Gefühl dafür zu geben, wie HTML5-Videos in einigen der beliebtesten E-Mail-Clients gerendert werden, sind hier einige Screenshots aus meinen Tests.

Apple Mail 4

Als ich die E-Mail in Apple Mail öffnete, wurde das Fallback-Bild, das ich im Poster-Attribut angegeben hatte, angezeigt, während der Film anfing zu streamen. Nach ein paar Sekunden erschienen die Videosteuerelemente und ich konnte den Fortschritt des Filmladens sehen und beginnen, ihn anzusehen.

iPhone 3.1.2

Das iPhone unterstützt kein Videostreaming im Browser oder E-Mail-Client und bietet stattdessen eine klare Aufforderung, dass ein Klick auf das Posterbild das Ansehen des Films ermöglicht. Ein Klick auf das Bild lädt dann den Film im QuickTime-Player des iPhones. Am Ende des Films werden Sie zurück zur E-Mail geführt.

Outlook 2007

Wie alle E-Mail-Clients, die kein HTML5-Video unterstützen, zeigt Outlook 2007 den Fallback-Inhalt an, den wir im Video-Tag angeben. Das kann jedes beliebige HTML sein und ist nicht auf ein einzelnes Bild beschränkt. In den meisten Fällen wäre dies wahrscheinlich ein Screenshot aus dem Film und vielleicht ein eingeblendetes Play-Icon, um den Empfänger zu verleiten, auf das Bild zu klicken und das Video in seinem Browser anzusehen.

Das Ergebnis war bei allen E-Mail-Clients, die kein HTML5-Video unterstützten, gleich, so dass dies eine praktische Möglichkeit war, jedem Empfänger ein einheitliches Erlebnis zu bieten.

Kann man Videos in Campaign Monitor einbetten?

Können Sie als Campaign Monitor-Kunde HTM5-Videos effektiv in E-Mails einbetten? Ja, und es ist ganz einfach.

In unserem neuen und einfach zu bedienenden Drag-and-Drop-E-Mail-Builder klicken Sie auf den Video-Inhaltsblock und ziehen ihn an die Stelle, an der Sie ein Video in Ihre E-Mail einbetten möchten. Als nächstes fügen Sie die URL Ihres Videos ein, wie im folgenden Beispiel gezeigt:

Quelle: Campaign Monitor

Diese zwei einfachen Schritte sind alles, was es braucht, um ein HTML5-Video in Ihre E-Mail einzubetten.

Sollten Sie diese Technik verwenden?

Dieser Ansatz ist wahrscheinlich die beste verfügbare Option, um Videos in E-Mails einzubinden, da Sie zuverlässig Fallback-Inhalte bereitstellen können, die in jedem E-Mail-Client funktionieren. Die offensichtliche Einschränkung ist, dass es im Moment nur für Ihre Abonnenten funktioniert, die Apple-bezogene Produkte verwenden.

Eine Entscheidung über die Eignung dieses Ansatzes hängt wirklich von Ihrer Abonnentenliste ab. Zum Beispiel öffnen 50% unserer eigenen Kundenliste unseren monatlichen Newsletter mit einem der unterstützten Apple-E-Mail-Clients (Sie können dies für Ihre eigene Liste mit unseren praktischen E-Mail-Client-Berichten herausfinden). Wenn wir ein Video in eine E-Mail einbinden wollen, würde diese Technik bedeuten, dass die Hälfte unserer Abonnenten das Video direkt in ihrem E-Mail-Client ansehen kann, und die andere Hälfte sieht ein vollkommen akzeptables Fallback-Bild, das sie anklicken können, um es in ihrem Browser anzusehen.

Zusammenfassung

Die Verwendung von HTML5-Videos in E-Mails ist überhaupt nicht schwierig, besonders wenn Sie ein Kunde von Campaign Monitor sind. Behalten Sie diese Ansätze und Testergebnisse im Hinterkopf, wenn Sie das nächste Mal darüber nachdenken, Videos in Ihre Kampagnen einzubauen.

Weitere Informationen über den Einsatz von Videos in E-Mails finden Sie in unserem Artikel How to Use Video in Email Marketing.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.