Direkte Videowiedergabe in trustedDialog E-Mails in bis zu 40 Millionen Postfächern

Die Integration von Videos direkt in E-Mails mit trustedDialog ist ein nicht zu unterschätzendes Feature. Insbesondere bei großen E-Mail-Anbietern wie WEB.DE, GMX und 1&1 die eine potenzielle Reichweite von bis zu 40 Millionen Postfächern bieten, stellt diese Funktion eine wertvolle Erweiterung dar. Ihre Kunden und Interessenten können Videos direkt in der E-Mail abspielen, was die Interaktivität und Attraktivität der E-Mail-Kommunikation steigert.

Die Einbettung von Videos direkt in die E-Mail vereinfacht den Zugang zu visuellen Inhalten erheblich. Anstelle eines Umwegs über externe Links können Empfänger Videos direkt in ihrem Postfach abspielen. Diese unmittelbare Verfügbarkeit von Videoinhalten in E-Mails kann die Nutzererfahrung bereichern und die Engagement-Raten erhöhen, indem sie eine dynamischere und ansprechendere Kommunikationsform ermöglicht.

Integration von Videos in trustedDialog E-Mails

Um Videos in trustedDialog E-Mails einzubinden, folgen Sie diesen Schritten:

Grundlegende Schritte

1. HTML-Code für Video-Einbindung mit Autoplay oder Klick-Option

				
					<a href="{https-url}">
<img decoding="async"
  style="width: {width}px; height: {height}px"
  data-media-type="iframe"
  data-media-url="{https-iframe-url}?autoplay=1"
  src="{https-image-url}"
/></a>

2. Anpassung des Codes


    • Ersetzen Sie {https-url}, {https-iframe-url} und {https-image-url} durch die entsprechenden URLs Ihres Videos und der Fallback-Grafik.
    • Fügen Sie ?autoplay=1 zum data-media-url hinzu, um die Autoplay-Funktion zu aktivieren.
 

Spezifikationen und Anforderungen

  • Nutzen Sie HTTPS-Referenzen im data-media-url Attribut.
  • Die Fallback-Grafik sollte ein JPG, PNG oder GIF sein.
 
Beispiel für die Einbindung eines YouTube-Videos mit Autoplay
				
					<a href="https://www.youtube.com/xxxyoutubecodexxx">
<img decoding="async"
  style="width: 560px; height: 315px"
  data-media-type="iframe"
  data-media-url="https://www.youtube.com/embed/xxxyoutubecodexxx?autoplay=1"
  src="https://www.domain.com/path/file.gif"
/></a>

Responsive Design

  • Passen Sie das style-Attribut des Image-Tags für eine responsive Darstellung an.
  • Verwenden Sie ein id-Attribut im Image-Tag für CSS-Anpassungen.

 

TARIF AUSWÄHLEN
Beratung anfordern
TARIF WÄHLEN
Beratung
Nach oben scrollen