Beispiel: Video in Newsletter

Dieses Beispiel zeigt die Variante eines Mailings mit animiertem GIF als Teaser, das auf eine Landing-Page mit dem vollständigen Video in hoher Qualität verlinkt. Das animierte GIF wurde aus einer kurzen Sequenz des Videos erstellt und im Mailing wie eine normale Bilddatei hochgeladen. Zusammen mit einem Teaser-Text wurde das animierte GIF in einen Text/Bild-Paragraphen gesetzt. Im Posteingang sieht das Mailing dann so aus:

Das animierte GIF ist auf eine Landing-Page verlinkt. Auf dieser Landing-Page wird das komplette Video in hoher Auflösung eingebunden. Das Video kann beispielsweise bei Youtube, Vimeo oder einem anderen Hosting-Dienst gehostet werden. Diese Dienste stellen einen Code-Schnipsel zur Verfügung, der auf der Landing-Page einfach in einen Quelltext eingefügt werden muss:

Video-Mailing mit animiertem GIF und Landing-Page erstellen

1. Laden Sie das Video auf einen Hosting-Dienst (z. B. Youtube oder Vimeo) hoch, wenn Sie es nicht selbst hosten.

   Verwenden Sie gängigen Videoformate wie das weit verbreitete und qualitativ hochwertige MP4-Format.

2. Erstellen Sie ein animiertes GIF, das Sie als Teaser einsetzen. Animierte GIFs können mit gängigen Bildbearbeitungsprogrammen wie Adobe Photoshop oder einem anderen Programm erstellt werden.

   Die Breite des GIFs muss kleiner oder gleich der Breite des Inhaltsparagraphen in Ihrem Mailing sein. Beispiel: Wenn Sie ein GIF mit einer Breite von 650 Pixeln zu einem Text/Bild-Paragraphen mit einer Inhalts-Breite von 600 Pixeln hinzufügen, wird das GIF komprimiert und verliert seine Animation.

3. Legen Sie in Ihrem Mandanten ein Mailing an, in das Sie den Teaser für das Video einfügen möchten.
4. Erstellen Sie auf Basis dieses Mailings eine Landing-Page.
5. Wechseln Sie zurück zum Mailing und fügen Sie einen Text/Bild-Paragraphen ein. Laden Sie dort im Reiter Bild das animierte GIF hoch und gestalten Sie den Paragraphen wie gewohnt.
6. Wählen Sie im Feld Link aus der Drop-down-Liste die Landing-Page aus.
7. Fügen Sie ggf. einen Hinweis ein, dass das Video in einem externen Browser-Fenster geöffnet wird.
8. Wechseln Sie nun zur Landing-Page und fügen Sie dort einen Quelltext-Paragraphen ein und darin den Code-Schnipsel, der das Video einbettet. Diesen Code-Schnipsel erhalten Sie bei Youtube, indem Sie unter dem Video auf Teilen/Share und dann Einbetten/Embed klicken. Bei Screencast erhalten Sie den Code-Schnipsel indem Sie den Mauszeiger über das Video-Icon bewegen und dann auf die Schaltfläche Share klicken.
9. Speichern und testen Sie das Mailing.