Sendspark: Best Practices und Fallback-Methoden für Video-in-HTML-E-Mails
Es wird immer schwieriger, die Aufmerksamkeit Ihrer Abonnenten zu gewinnen, was Strategien wie interaktive Elemente erfordert, um einen Abonnenten dazu zu verleiten, sich mit jeder E-Mail zu beschäftigen. Eine Strategie, die immer beliebter wird, ist die Verwendung von Videos per E-Mail.
Videounterstützung in HTML-E-Mail
Es ist wichtig, das zu beachten, wenn wir sagen Video in E-Mail, womit wir wirklich sprechen, ist die Unterstützung für das Video HTML -Tag in der E-Mail, kein tatsächlich angehängtes Video, das der Abonnent herunterladen und ansehen kann. Und… nicht alle E-Mail-Dienste oder E-Mail-Clients unterstützen das spielend von Videos in E-Mails. Wir werden in diesem Artikel einige Fallbacks und Best Practices für das Senden von Videos besprechen.
Diese E-Mail-Clients unterstützen in E-Mails eingebettete Videos:
- Apple Mail (Mac und iOS)
- Übermenschlich
- Outlook auf dem Mac
- iOS Post
- Samsung Mail
- Thunderbird
Diese E-Mail-Plattformen unterstützen KEINE in E-Mails eingebetteten Videos:
- Google Mail
- Outlook (überall außer Mac)
- Android
- AOL Mail
- Lotus Notes
- Yahoo! Mail
So fügen Sie ein Video in eine HTML-E-Mail ein
Gmail und PC-basiertes Outlook machen ungefähr 60 % des Marktes aus und unterstützen keine eingebetteten Videos, aber es gibt einige Backup-Methoden und richtig geschriebenes HTML für E-Mails kann Fallback-Methoden enthalten. Für E-Mail-Clients, die das Abspielen des eingebetteten Videos nicht zulassen, können sie alternativ ein Bild anzeigen. Hier ist ein Beispiel:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
}
.container {
max-width: 600px;
margin: 0 auto;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-wrapper iframe,
.video-wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="container">
<h1>Your Video Email</h1>
<p>Dear user,</p>
<p>We have an exciting video for you. Please watch it below:</p>
<div class="video-wrapper">
<video width="100%" height="auto" controls>
<source src="https://your-video-url.com/video.mp4" type="video/mp4">
<!--[if !mso]><!-->
<a href="https://your-video-url.com">
<img src="https://your-image-url.com/fallback-image.jpg" alt="Fallback image">
</a>
<!--<![endif]-->
</video>
</div>
<p>If you cannot see the video, please <a href="https://your-video-url.com">click here to watch it on our website</a>.</p>
<p>Best regards,</p>
<p>Your Team</p>
</div>
</body>
</html>
Ersetzen https://your-video-url.com/video.mp4
mit der URL Ihrer Videodatei und https://your-image-url.com/fallback-image.jpg
mit der URL Ihres Fallback-Images. Das Fallback-Bild wird als Link zum Video angezeigt, wenn das Video nicht im E-Mail-Client abgespielt werden kann.
Best Practices für Videos in E-Mails
Wenn Sie meine E-Mail abonniert haben, werden Sie feststellen, dass WordPress ein Video durch ein statisches Bild ersetzt. Das ist ziemlich genau das, was der obige Code tut, aber ich habe weitaus bessere Implementierungen gesehen. Hier ist mein Rat:
- schlecht – Stellen Sie ein statisches Bild, das ein Frame des Videos ist, mit einem externen Link bereit, um das Video in einem Browser anzusehen. Hier geht es darum, dass nichts darauf hindeutet, dass es sich um ein Video handelt und angeklickt werden sollte, damit Ihre Abonnenten es möglicherweise nicht einmal versuchen.
- Gutes – Überlagern Sie das Bild mit einer Wiedergabeschaltfläche, damit der Benutzer erkennt, dass es sich um ein Video handelt, das zum Abspielen angeklickt werden kann. Fügen Sie das statische Bild mit einem Anker-Tag ein, das mit der Seite verknüpft ist, auf der das Video abgespielt wird.
- Besser – Mach alles drin Gutes, aber fügen Sie auch einen Hinweis hinzu, dass ein Video enthalten ist, und wenn der Abonnent es nicht sehen kann, kann er es ansehen, wenn er auf den folgenden Link klickt.
- Beste – Konvertieren Sie Ihr Video in ein kurzes animiertes GIF, das auch die Wiedergabeschaltfläche enthält. Animierte Gifs sind eine fantastische Möglichkeit, dem Abonnenten sofort zu zeigen, dass es ein Video gibt, das er anklicken und ansehen kann.
Sendspark-Vertriebskontakt
SendSpark ist eine Plattform, mit der Sie personalisierte Videonachrichten für die E-Mail-Kommunikation erstellen, personalisieren und nachverfolgen können. Plattformen wie Sendefunken machen einen fantastischen Job beim Einbetten von Videos in E-Mails für One-to-One-E-Mails oder One-to-Many-E-Mails. Hier ein Überblick über die Plattform.
Sendspark-Video in E-Mail-Funktionen enthalten
- Videoerstellung: Mit SendSpark können Sie Videos mit Ihrer Webcam aufnehmen oder vorab aufgezeichnete Videos hochladen. Sie können auch Untertitel hinzufügen, das Video zuschneiden und Handlungsaufforderungen in das Video einfügen.
- Personalisierung: Mit SendSpark können Sie Videonachrichten mit Zusammenführungs-Tags, benutzerdefinierten Miniaturansichten und animierten GIF-Vorschauen personalisieren, um das Engagement und die Klickraten zu erhöhen.
- Video-Landingpages: Sie können benutzerdefinierte Video-Zielseiten erstellen, um Ihre Videos mit Ihrem Publikum zu teilen, komplett mit Ihrem Branding, benutzerdefinierten Nachrichten und Handlungsaufforderungen.
- Videobibliothek: SendSpark bietet eine Videobibliothek, in der Sie alle Ihre Videos an einem Ort speichern, organisieren und verwalten können.
- Integrationen: SendSpark lässt sich in verschiedene E-Mail-Marketing- und CRM Tools, mit denen Sie Videobotschaften nahtlos in Ihre bestehenden E-Mail-Workflows und Kampagnen integrieren können.
- Analytik: SendSpark bietet detaillierte Analysen zum Video-Engagement, einschließlich Aufrufzahlen, Wiedergabezeit, Klickraten und Conversions, und hilft Ihnen, die Effektivität Ihrer Videobotschaften zu messen.
- Gruppenarbeit: SendSpark unterstützt Team-Collaboration-Funktionen, sodass mehrere Teammitglieder auf dieselben Videoprojekte zugreifen und zu ihnen beitragen können.
Sie können ihre Plattform kostenlos und kostenlos testen Martech Zone Leser können bekommen 10% Rabatt wenn sie sich mit einem Promo-Code anmelden SKALIEREN SIE SICH SELBST.
Senden Sie Ihr erstes Video per E-Mail mit Sendspark
Disclosure: Martech Zone ist ein Partner von Sendefunken und wir verwenden unsere Affiliate-Links in diesem Artikel.