trustedDialog - United Internet Media

SPEZIFIKATIONEN
trustedDialog
Der Qualitätsstandard für digitale Massenkommunikation
Inhaltsübersicht
01
trustedDialog Setup inkl. Anforderungen ............................................................................................ ……………………3-5
02
Integration von Video-Content ..........................................................................................................................................6-7
03
Responsive Darstellung des Newsletters ......................................................................................................................8-12
04
Aufstellung der portalübergreifenden Abspielungen von Video-Content und responsiven Inhalten .............................13-14
www.united-internet-media.de
2
trustedDialog – Der Qualitätsstandard für digitale Massenkommunikation
Der neue Standard für bessere E-Mail-Kommunikation beinhaltet eine mehrstufige Echtheits- und Integritätsüberprüfung aller über
trustedDialog an WEB.DE, GMX, 1und1, freenet und Deutsche Telekom versandten kommerziellen E-Mails. Mit trustedDialog erreichen
Sie somit durchschnittlich mehr als zwei Drittel Ihrer Bestandskunden. Ziele mit dem Einsatz von trustedDialog sind die Steigerung von
Effektivität und Effizienz digitaler Bestandskunden-Kommunikation sowie ein wirksames Vorgehen gegen Phishing und Spam.
trustedDialog Produktdarstellung in den Postfächern
Spezifikationen – Kunden-Logo als Absendererkennung
ISP
Dateiformat
Abmessungen
trustedDialog Inbox Branding
WEB.DE, GMX, 1und1, Freenet, T-Online
SVG
Format: 5.5:1
Hinweise:
Kunden-Logos können nicht mit transparenten Hintergrund eingesetzt werden (Empfehlung: weiß oder dem Kunden CI entsprechend).
Die genannten Abmessungen stellen keine Maximal-Größen dar, sondern müssen in den genannten Abmessungen geliefert werden.
Das SVG-Absenderlogo muss mit einem weißen Hintergrund und in einer vektorisierten sRGB-SVG Datei geliefert werden. Ideal wäre ein farbiger
Corporate-Design Hintergrund des Kunden. Der Schriftzug muss mittig, zentriert gesetzt werden. Das Seitenverhältnis ist mit 5,5 :1 anzupassen.
www.united-internet-media.de
3
Anforderungen zur Aktivierung von trustedDialog
Angabe aller relevanten Absender-Domains, -Sub-Domains und -Adressen

Angabe aller verwendeten IP-Adressen, über die der E-Mail-Versand des Kunden erfolgt, sowie der Info ob es sich um einen
dedizierten oder shared-IP-Pool handelt. (United Internet Media empfiehlt die Verwendung von dedizierten IP-Adressen).

Übergabe der Informationen zu DKIM Selektor und Public-Key an United Internet Media

Die Verschlüsselung des Keys sollte mindestens 1024 Bit betragen. Wir empfehlen 2048 Bit.

Bestätigtes DKIM-Set-Up (nach RFC 4871) auf allen relevanten Absender-Domains, -Sub-Domains und -Adressen
(DKIM Set-Up wird meist von der IT-Abteilung oder dem E-Mail-Versanddienstleister übernommen).

United Internet Media empfiehlt für das c-Tag entweder die Kombination "relaxed/simple" oder "relaxed/relaxed" beim
Signieren der Mails einzustellen.

Angabe von Versandvolumen aller trustedDialog relevanter Absender-Domains, -Sub-Domains und -Adressen pro Monat
(inkl. Versandzeitpunkt, z.B. periodisch oder kontinuierlich)

In der E-Mail-Headerzeile “Envelope-From:” muss die angegebene Versanddomain mit dem korrekt hinterlegtem
DKIM-Eintrag eingetragen sein.

Jene Domain, welche in der Absenderadresse benutzt wird, muss ebenfalls einen gültigen DKIM-Eintrag besitzen, welcher
United Internet Media vorliegen muss.
Anforderungen zur Anzeige des trustedDialog Inbox Branding

Übermittlung gemäß „Spezifikationen – Kunden--Logo als Absendererkennung“ zur Anzeige bei den gewünschten
Webmail-Frontends

Der Hintergrund des Absenderlogos muss weiß gestaltet sein oder dem Corporate-Design des Kunden entsprechen.
trustedDialog bietet die Möglichkeit bis auf die Ebene einzelner Absenderadressen separate Logos zuzuordnen. In diesem
Fall ist die Absenderadresse auch im DKIM-Header durch den i-Tag zwingend anzugeben.
Qualitätssicherung

Aufnahme der E-Mail-Adressen [email protected], [email protected], [email protected],
[email protected], [email protected] und [email protected] in alle für den trustedDialog Service
genutzten E-Mail-Verteiler

United Internet Media führt vor Aktivierung einer Versand-Domain des Kunden Qualitätssicherungsmaßnahmen durch.

Des Weiteren wird United Internet Media fortlaufende Qualitäts-Checks durchführen und weitere umfassende
Qualitätssicherungsmaßnahmen regelmäßig wiederholen.

Der Kunde ist angehalten auch eine eigene Qualitätssicherung durchzuführen und United Internet Media unverzüglich zu
informieren, sollten negative Ergebnisse vorliegen. Hierfür stellt United Internet Media die Serviceadressen:
o Generelle Notifikationen und Fragestellungen zu trustedDialog: [email protected]
Benachrichtigungen zu technischen Fehlerfällen: [email protected]
Lieferhinweise
Anlieferung aller zuvor beschriebener Informationen mindestens 10 Werktage vor dem Termin zur Aktivierung von trustedDialog.
www.united-internet-media.de
4
Allgemeine Hinweise

Zur Einhaltung der Qualitätssicherung weist die United Internet Media darauf hin, dass sämtliche Rahmenbedingungen von
trustedDialog für alle Domains eingehalten werden müssen.

Der Kunde ist selbst für seine E-Mail Inhalte verantwortlich und muss sicherstellen, dass Inhalte und E-Mails

mit sämtlichen einschlägigen rechtlichen Bestimmungen im Einklang stehen.

nicht gegen straf- oder wettbewerbsrechtliche Vorschriften verstoßen.

keine Rechte Dritter (Namens-, Urheber-, Daten-, sonstige Schutzrechte usw.) verletzen.

bezüglich Form, Inhalt oder verfolgtem Zweck nicht gegen gesetzliche Verbote, die guten Sitten und Rechte Dritter
verstoßen.

auch im Rahmen von Online-Präsenzen, keine pornografischen, gewaltverherrlichenden oder volksverhetzenden Inhalte
darstellen, nicht zu Straftaten aufzurufen oder Anleitungen hierfür darstellen und keine Leistungen anbieten die
pornografische Inhalte (z.B. Nacktbilder, Peepshows etc.) zum Gegenstand haben.
Keinen Spam und / oder Phishing Charakter besitzen.
Beispielhafter E-Mail-Header mit trustedDialog-Informationen

Folgend ein beispielhafter E-Mail-Header in welchem die für trustedDialog notwendigen Informationen vorkommen. Für die
Domain „news.trusteddialog.de“ sind dabei die DKIM-Informationen korrekt hinterlegt. Rot markiert sind die wichtigen Stellen
für trustedDialog und grün markiert die Empfehlungen:
Return-Path: <[email protected]>
Authentication-Results: mx023.gmx.net;
dkim=pass (no signature error) [email protected]
Delivered-To: GMX delivery to [email protected]
Received: (qmail invoked by alias); 05 Sep 2011 15:14:39 -0000
Received: from mail17-44.srv2.de (EHLO mail17-44.srv2.de) [193.169.180.44]
by mx0.gmx.net (mx023) with SMTP; 05 Sep 2011 17:14:39 +0200
DKIM-Signature: v=1; a=rsa-sha1; c=relaxed/relaxed; s=mailing; d=news.trusteddialog.de;
h=Message-ID:Date:From:Reply-To:To:Subject:MIME-Version:Content-Type:Content-Transfer-Encoding;
[email protected];
bh=YEUQJITDnDJYoM5Lb92gmwnYYac=;
b=E7tKhVlGD3k3FqhqXyksDDDfhjnbOiMJ3GEbnFF1DpJHv9VoR8neV/b9tSxuzXeF0mUEL/Ng1xEy
oXQrcPdEw+cmGKLhizz5XSelZ9KDbTOETNVvHjLGisi+kWF3cDyIAo+n0IQDvFTNwFSUxCqHy1pT
S7VksIqiGxFpv+9XQDc=
Message-ID: <re-p4jg6QHBruyoqo7_5Fbb79CjwzeCIxgy-G66XWN9-1V2U8I3-RPL16MP@news.trusteddialog.de>
Date: Mon, 5 Sep 2011 17:14:39 +0200 (CEST)
From: trustedDialog <[email protected]>
Reply-To: [email protected]
To: [email protected]
Subject: Betreffzeile
MIME-Version: 1.0
Content-Type: text/html; charset=ISO-8859-1
Content-Transfer-Encoding: 7bit
X-ulpe: re-p4jg6QHBruyoqo7_5Fbb79CjwzeCIxgy-G66XWN9-1V2U8I3-RPL16MP@news.trusteddialog.de
X-GMX-Antivirus: 0 (no virus found)
x-tdresult: 0da860aa-e533-43b8-93d5-19ad55f9d029;04246865-3afc-44a5-aa6a-b249a2a4eeef;1;1;1;1
X-UI-Application:
4:xtdresult=MGRhODYwYWEtZTUzMy00M2I4LTkzZDUtMTlhZDU1ZjlkMDI5OzA0MjQ2ODY1LTNhZmMtNDRhNS1hYTZhLWIyNDlhM
mE0ZWVlZjsxOzE7MTsx
X-GMX-Antispam: -2 (not scanned, spam filter disabled);
Detail=5D7Q89H36p4L00VTXC6D4q0N+AH0PUCnKGJbGgJLbSXk30NezpdxUg==V1;
X-GMX-UID: ZXFpbzIqRiYoRDx8DWliI5BpaMDbY5r1
X-Flags: 1401
www.united-internet-media.de
5
Leistungsumfang von trustedDialog

UIM verpflichtet sich durch diesen Vertrag, E-Mails, welche durch den Kunden selbst bzw. durch im Namen des Kunden
beauftragte Dritte versendet werden, zu authentifizieren und auf den gebuchten ESP-Portalen entsprechend zu zertifizieren.
Die Authentifizierung bezieht sich im Posteingang auf die Anzeige des trustedDialog E-Mail Siegel.

Die Leistung von trustedDialog umfasst die Erkennung des Absenders unter der Nutzung des DKIM-Standards und daran
anknüpfender speziell entwickelter Software der UIM. Die Erkennung erfolgt unter der Voraussetzung, dass die allgemeinen
Richtlinien der angeschlossenen ESP-Portale zum Versand von E-Mails erfüllt sind.

Die Leistung von trustedDialog umfasst nicht die Prüfung der Inhalte von E-Mails und/ oder personenbezogener Daten.

E-Mails, welche über keine, keine gültige oder eine korrumpierte DKIM Signatur verfügen, werden im Rahmen des Empfangs
und der Zustellung durch die jeweiligen Mail-Security-Mechanismen des Systems behandelt und bewertet, das heißt ohne
Zertifizierung und optionales Inbox Branding und je nach Zustand in die Spam- bzw. Spam-Verdachtsordner der ESP
verschoben.

Sollte es auf Verlangen von Nutzern angeschlossener ESP-Portale erforderlich sein, die Kennzeichnung von E-Mails für diese
konkreten Nutzer abzustellen, ist UIM berechtigt, insoweit Kunden-E-Mails im Webmail Interface nicht kenntlich zu machen
(keine E-Mail Authentifizierung, kein Inbox Branding).

Setup/Installation beinhaltet Anlage der Kundendaten; Setup von bis zu fünf Kunden-Domains mit jeweils bis zu fünf
Sub-Domains im trustedDialog-System; DKIM-Einrichtung der Kunden-Domains auf dem trustedDialog-System; Systemprüfung
und Validierung der Kunden-E-Mails aller gebuchten Domains (inkl. DKIM- und Authentifizierungsprüfung) inkl. Prüfung der
Testversendungen.

Technische Prüfarbeiten-Kosten beinhalten die DKIM- und Authentifizierungs-Prüfung aller gebuchten Kunden-Domains
bei den gebuchten Portalen.

Support beinhaltet techn. Support per Telefon/Internet mit trustedDialog Support-Experten, um mögliche Probleme die in
direktem Bezug mit trustedDialog stehen zu beheben oder Informationen zu erhalten, sofern diese durch UIM zu vertreten sind.
Fehlerbestimmung für Fehler außerhalb der trustedDialog-Systeme sind separat zu beauftragen und zu vergüten. Support ist
während der üblichen Geschäftszeiten erhältlich. Der Support von trustedDialog ergreift alle vertretbaren Maßnahmen, um Fehler
und Probleme zu beheben. Eine Garantie zur Lösung jedes Problems kann jedoch nicht gegeben werden.

Sollte der Kunde für Leistungen von trustedDialog Dienstleister einsetzen, so ist der Kunde für deren Vergütung selbst
verantwortlich und kann UIM hierfür nicht belasten. Für den Kunden sind weitere technische Anpassungen an seinem E-MailVersandsystem notwendig (Nutzung der DKIM-Signatur bei allen versendeten E-Mails). Der Kunde trägt die Kosten für diese
Aufwände (Setup und laufender Betrieb) selbst und kann UIM hierfür nicht belasten.
www.united-internet-media.de
6
Spezifikationen zu Video-Integration und Responsive-Darstellung
1. Generelle Bestimmungen

Voraussetzung zur Nutzung ist ein unterschriebener trustedDialog Vertrag

Die Technologie zur Darstellung von Video- und responsiven Inhalten wird durch die United Internet Media bereit gestellt

Die United Internet Media übernimmt kein Hosting jeglicher Inhalte

Die allgemeinen Anforderungen an E-Mail Inhalte sind zu beachten und einzuhalten (S. 12)
2. Integration eines Videos, am Beispiel von YouTube

Code-Syntax:
<a href="{https-url}">
<img
style="width: {width}px; height: {height}px"
data-media-type="iframe"
data-media-url="{https-iframe-url}"
src={https-image-url}
/><a/>

Code-Beispiel:
<a href=" https://www.youtube.com/xxxyoutubecodexxx ">
<img
style="width: 560px; height: 315px"
data-media-type="iframe"
data-media-url="https://www.youtube.com/embed/xxxyoutubecodexxx"
src=https://www.domain.com/path/file.gif
/><a/>

Die Einbindung eines Videos erfolgt durch den obigen „img“ Code. Durch Angabe der Attribute “data-media-type“ und “datamedia-url“ wird definiert, dass es sich um ein Video-iFrame handelt. trustedDialog wandelt diesen „img“-Tag um und liefert das
iFrame mit Fall-Back-Grafik aus.

<a href=“ https://www.youtube.com/xxxyoutubecodexxx“><a/>
o

Attribut Style-„width=560px“
o


Höhe des iFrames, diese Angabe ist frei anpassbar, je nach Ihrer gewünschten Größe
Attribut „data-media-type=„iframe“
o

Breite des iFrames, diese Angabe ist frei anpassbar, je nach Ihrer gewünschten Größe
Attribut Style-„height=315px“
o

Wird die Fallback-Grafik ausgespielt, kann diese angeklickt werden. Der Nutzer wird in diesem Fall zu der in
Anführungsstrichen stehenden Adresse weitergeleitet. Die URL ist frei wählbar.
Definition, dass ein iFrame erzeugt werden soll.
Attribut „data-media-url="https://www.youtube.com/embed/xxxyoutubecodexxx“
o
Beinhaltet den Pfad zum iFrame-Inhalt (Video)
o
Wir empfehlen die Einbindung von YouTube-Inhalten (Bitte embed-Link verwenden)
o
Es ist unbedingt zu beachten, dass im Attribut „src“ eine https-Referenz angegeben wird. Nicht ausreichend ist http.
Nur https-Referenzen können in den Web-Mail-Clients geladen werden, da die Web-Mail-Clients Inhalte über https zur
Verfügung stellen.
Attribut src=https://www.domain.com/path/file.gif
o
Angabe einer Grafikdatei: z.B. JPG, PNG, GIF, GIF (animiert)
www.united-internet-media.de
7

Falls der iFrame im E-Mail-Client des Empfängers nicht unterstützt wird, dient diese Grafik als Fall-Back-Lösung.

Auch hier ist eine https-Referenz zu beachten.

Folgende iFrame-Attribute sind zulässig:
isrc,border,width,leftmargin,topmargin,rightmargin,bottommargin,margin,allowtransparency,marginheight,marginwidth,h
eight,style,frameborder, scrolling
3. Responsive Video Integration

Die Integration eines Videos erfolgt durch ein Image-Tag. Dieser enthält spezifische Attribute der United Internet Dialog und kann
so entsprechend identifiziert und in ein Video-iFrame umgewandelt werden.

Code-Beispiel:
<img
style="width: 300px; height: 160px; border: 0;"
data-media-type="iframe"
data-media-url="https://www.youtube.com/embed/ZwwS4YOTbbw"
src=http://placehold.it/300x160&text=Video+goes+here
/>

Attribut „style“ = CSS

o
CSS-Definitionen, die auch für das iFrame-Tag übernommen werden
o
z. B. zur Breite (width), Höhe (height) und dem Rahmen (border) des iFrames
Attribut „data-media-type“ = iFrame
o

Attribut „data-media-url“ = URL
o

„iFrame“ ist hier als Pflichtangabe zu sehen
Pflichtangabe: URL die im iFrame geladen wird
Attribut „src“ = URL
o
Pflichtangabe: Backup-Image falls das iFrame nicht im Mail-Client geladen werden kann

Es ist auch möglich dem Image-Tag ein id-Attribut zu geben und im CSS-Code zu referenzieren. Damit können bestimmte
Bildschirmgrößen (responsive) angesprochen werden. So kann beispielsweise die Video Darstellung im iFrame für Smartphones
unterdrückt und stattdessen eine klickbare Grafik angezeigt werden.

Template-Beispiel
www.united-internet-media.de
8
4. Responsive Darstellung von Newsletterinhalten

Responsive bedeutet, dass der Inhalt eines Newsletters optimal auf den unterschiedlichen Devices (z.B. Smartphone, Tablet,
Laptop/Desktop etc.) dargestellt wird.

Der Quellcode eines Newsletters (HTML/CSS-Code) ist so programmiert, dass sich die inhaltlichen Blöcke (z.B. Header, Title,
Produkt-Teaser, Imprint, Footer) eines Newsletters gemäß der zur Verfügung stehenden Bildschirmbreite anordnen.

Eine sehr geringe Breite (Smartphone) des Bildschirms führt dazu, dass alle Blöcke untereinander dargestellt werden. Ein sehr
breiter Ansichtsbereich führt zu einer horizontalen Aneinanderreihung von Blöcken.

Technisch wird dieses Verhalten mit HTML5, CSS und CSS3-Media-Queries erreicht.

Aufbau des Newsletter-Templates:

Code-Beispiel: Head & Inline-CSS
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>TrustedDialog Template Simple</title>
<style type="text/css">
body {
background-color: #FFF;
}
*#liquid *.text, *#liquid a {
font-family: Arial , sans-serif;
line-height: 14.0px;
text-decoration: none;
}
div[id]#liquid {
min-width: 640.0px;
}
div#liquid *.table-container {
}
div#liquid *.table-container img {
display: block;
border: 0;
}
www.united-internet-media.de
9
div#liquid table {
border-collapse: collapse;
box-sizing: border-box;
width: auto;
}
div#liquid *.table-content {
display: inline-block;
_height: auto;
height: 350.0px;
float: left;
}
*#footer {
text-align: center;
}
*#liquid *.size-normal {
font-size: 12.0px;
line-height: 14.0px;
}
*.text a, *.underline {
text-decoration: underline;
}
@media only screen and (max-width: 639.0px) {
div[id]#liquid {
width: 320.0px;
min-width: 0;
}
div[id]#liquid *#header, div[id]#liquid *#footer {
width: 300.0px;
}
div[id]#liquid *#header, div[id]#liquid *#header > tbody, div[id]#liquid *#header > tbody > tr, div[id]#liquid *#header >
tbody > tr > td {
display: block;
float: none;
width: 300.0px;
text-align: center;
line-height: 1.0em;
}
div[id]#liquid *#header img {
display: inline;
}
div[id]#liquid td {
_height: auto;
max-width: 300.0px;
}
div[id]#liquid img[width="620"] {
width: 300.0px;
}
}
@media screen and (min-width: 640.0px) and (max-width: 959.0px) {
div[id]#liquid {
width: 640.0px;
}
div[id]#liquid *#header, div[id]#liquid *#footer {
width: 620.0px;
}
}
@media only screen and (min-width: 960.0px) and (max-width: 1279.0px) {
div[id]#liquid {
width: 960.0px;
}
div[id]#liquid *#header, div[id]#liquid *#footer {
www.united-internet-media.de
10
}
}
width: 940.0px;
@media only screen and (min-width: 1280.0px) {
div[id]#liquid {
width: 1280.0px;
}
div[id]#liquid *#header, div[id]#liquid *#footer {
width: 1260.0px;
}
}
</style>
</head>

Code-Beispiel: HTML Body - Header
<table id="header" border="0" cellpadding="0" cellspacing="0" width="620">
<tbody>
<tr>
<td height="80" valign="top" align="center">
<img width="300" height="80" id="header-img-0" src="http://placehold.it/300x80" border="0">
</td>
</tr>
<tr>
<td height="10"><img border="0" height="10" width="1" src="img/p.gif"></td>
</tr>
</tbody>
</table>

Code-Beispiel: HTML Body – Content Block
<table align="left" border="0" cellpadding="0" cellspacing="0" class="table-content" height="350" width="318">
<tbody>
<tr>
<td height="331" width="300" valign="top" bgcolor="#FFFFFF">
<img border="0" height="160" width="300" src="http://placehold.it/300x160">
<table border="0" cellpadding="0" cellspacing="0" width="300">
<tbody>
<tr>
<td width="20"><img border="0" height="1" width="20" src="img/p.gif"/></td>
<td bgcolor="#FFFFFF" width="260">
<font class="size-normal" face="Arial" size="2" style="font-family: Arial, sans-serif;">
<br>
<b>Lorem ipsum dolor sit amet!</b>
<br><br>
Aliquam id semper metus. Duis diam metus, molestie eget dui non, rhoncus varius dui. In fringilla dolor in
risus imperdiet blandit.
<br><br>
<a href="#link" target="_blank">Vivamus id velit elit.</a>
</font>
</td>
<td bgcolor="#FFFFFF" width="20"><img border="0" height="1" width="20" src="img/p.gif"/></td>
</tr>
</tbody>
</table>
</td>
<td rowspan="2" width="20"><img border="0" height="1" width="20" src="img/p.gif"/></td>
</tr>
<tr>
<td height="20" width="300"><img border="0" height="20" width="300" src="img/p.gif"/></td>
</tr>
</tbody>
</table>

Code-Beispiel: HTML Body – Footer
www.united-internet-media.de
11
<table border="0" cellpadding="0" cellspacing="0" id="footer">
<tbody>
<tr>
<td height="1" bgcolor="#666"><img border="0" height="1" src="img/p.gif"></td>
</tr>
<tr>
<td class="text" valign="top">
<br>
<font class="size-big" face="Arial" size="3" style="font-family: Arial, sans-serif;font-size: 13.0px;line-height:
16.0px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pharetra ligula non blandit ultrices.
</font>
<br><br>
</td>
</tr>
</tbody>
</table>

Template-Beispiel
5. Qualitätssicherung
Video Integration

Der vorliegende beispielhafte iFrame wurde auf den Portalen WEB.DE, GMX, 1und1, freenet.de und T-Online für folgende
Browser und Endgeräte getestet:

iFrame: Prüfung, ob das YouTube-Video über https referenziert wird.

Prüfung der Darstellung in den gängigsten Browsern (IE 9.0 und11.0, Firefox 31.2.0 und 24.4, Chrome 35.0, Opera 22.0, Safari
5.1) sowie die Desktop Clients Outlook 2003, Outlook 2007, Outlook 2010, Outlook 2013 und Thunderbird.

Prüfung der Darstellung über den Desktop Web Client, den mobilen Browsern, die Apps und den nativen Client auf Android 4.4.2
und iOS 8.0 Smartphone sowie iOS 8.0 Tablet.

Der Kunde ist angehalten eine eigene Qualitätssicherung durchzuführen. Die United Internet Media übernimmt keine Garantie,
dass die Video-Inhalte korrekt dargestellt werden.
www.united-internet-media.de
12
Responsive (Video) Integration

Der vorliegende beispielhafte iFrame wurde auf den Portalen WEB.DE, GMX und 1und1 für folgende Browser und Endgeräte
getestet:

Prüfung der Darstellung in den gängigsten Browsern (IE 9.0 und11.0, Firefox 24.4 und 31.2, Chrome 35.0, Opera 22.0, Safari
5.1) sowie die Desktop Clients Outlook 2003, Outlook 2007, Outlook 2010, Outlook 2013 und Thunderbird.

Prüfung der Darstellung über den Desktop Web Client, den mobilen Browsern, die Apps und den nativen Client auf Android 4.4.2
und iOS 8.0 Smartphone sowie iOS 8.0 Tablet.

Der Kunde ist angehalten eine eigene Qualitätssicherung durchzuführen. Die United Internet Dialog übernimmt keine Garantie,
dass die Video-Inhalte korrekt dargestellt werden.
6. Verantwortung für E-Mail Inhalte:

Zur Einhaltung der Qualitätssicherung weist die United Internet Media darauf hin, dass sämtliche Rahmenbedingungen von
trustedDialog für alle Domains eingehalten werden müssen.

Der Kunde gewährleistet, dass durch E-Mails, welche über trustedDialog versendet werden, keinerlei ESP Kundendaten
ausgelesen werden. Der Kunde verpflichtet sich die Datenschutzbestimmungen vollumfänglich einzuhalten und en Nutzerschutz
jederzeit zu gewährleisten. Der Kunde erkennt an, dass UIM keine personenbezogenden Nutzerdaten an den Kunden
übermitteln wird und verpflichtet sich, dass die anzuwendenden Vorschriften des Datenschutzrechts des jeweiligen Landes, in
dem der Einsatz von trustedDialog erfolgt, in vollem Umfang strikt beachtet und eingehalten werden. Er verpflichtet sich, diese
Verpflichtung auch seinen Mitarbeitern und beauftragten Dritten aufzuerlegen

Spezifikation des HTML-Snipplets

Das Layout des zwischen Header und Footer befindlichen Mail-Content (HTML-Snipplets) ist frei gestaltbar.

Wir empfehlen, dafür „div‘s“ und „inline-styles“ sowie „line-height“ zu verwenden. Andere Styles werden von
GMX Styles ggf. überschrieben.

Eine Alternativdarstellung des Newsletters wird auf Wunsch seitens GMX unterstützt.

Folgende Richtlinien sind für den anzuliefernden HTML-Code bindend:
•
valider Quelltext ab HTML 4.0
•
hart kodierte Umlaute und Sonderzeichen
•
Inline-styles (CSS 2.0 -konform) direkt in den HTML-Tags (z.B. <font style=“…“> oder <div
style=“…“>)
•
gesamte HTML-Tags sind kleingeschrieben (z.B. <div> nicht <DIV>)
•
extern eingebundene Bilder (<img src=“https://...“>)
Bitte beachten Sie, dass auf der Maildarstellungsseite vorhandener CSS Einfluss auf Ihr html bzw. auf die Darstellung haben. Deswegen
wird grundsätzlich empfohlen, mit div-Containern statt mit <tables> zu arbeiten.
Nicht zulässig sind:

Die Einbindung von externen Stylesheets (<style type="text/css"> … </style>).

Die Verwendung sämtlicher Scriptsprachen (z. B. JavaScript) und DHTML als externe Referenzierung.

Die Verwendung von (versteckten) Formularen, deren Daten extern gesammelt werden.

Die Einbindung von „background-images“ (< ... bg-image="…“>).

Die Verwendung sämtlicher Flash- und Shockwave-Elemente als externe Referenzierung.

Die Verwendung von Unicodes im Quelltext (kein Eurozeichen: hierfür ist EUR zu notieren).

Kein Copyrightzeichen: hierfür ist copyright by o. Ä. zu notieren).

Das Setzen eines „base target“.
www.united-internet-media.de
13
Zur Übersicht eine Aufstellung der portalübergreifenden Abspielungen von Videos innerhalb der E-Mail
Webclient
IE 9.0
IE 11.0
Firefox 31.2.0 Firefox 24.4
Chrome 35.0
Opera 22.0
Safari 5.1
WEB.DE
√
√
√
√
√
√
√
GMX
√
√
√
√
√
√
√
freenet.de
√
√
√
√
√
√
√
t-online*
√
√
√
√
√
√
√
1und1
√
√
√
√
√
√
√
mobiler Browser
App
Android
iOS
Smartphone
iOS Tablet
Android
iOS Smartphone
iOS Tablet
WEB.DE
Anim.Gif
Anim.Gif
√
Anim.Gif
Anim.Gif
Anim.Gif
GMX
Anim.Gif
Anim.Gif
√
Anim.Gif
Anim.Gif
Anim.Gif
freenet.de
Anim.Gif
Anim.Gif
Anim.Gif
Anim.Gif
Anim.Gif
Keine App
t-online**
−
−
−
Keine App
−
−
1und1
Anim.Gif
Anim.Gif
√
Anim.Gif
Anim.Gif
Anim. Gif
Desktopclients
Outlook 2003
Outlook 2007
Outlook 2010
Outlook 2013
Thunderbird
Anim.Gif, stoppt im
1. frame ***
Anim.Gif
WEB.DE
GMX
freenet.de
Anim.Gif
Anim.Gif, stoppt Anim.Gif stoppt im
1. frame ***
im 1. frame ***
t-online
1und1
Stand: 16.02.2015
Verwendete Geräteversionen:
Android Smartphone 4.4.2
iOS Smartphone 8.0
iOS Tablet 8.0
Softwareversion:
iOS:
Android:
Safari iOS 7.0
Chrome 35.0.1916.141
WEB.DE App 4.0.2
WEB.DE App 2.14.9
GMX App 3.3
GMX App 2.14.9
freenet App 1.0.1
freenet App 1.0.2
t-online App 1.1.1
* Die t-online-Postfächer unterstützen die United Internet Media-Codeintegration nicht, es kann jedoch ein Standard-iframe verwendet werden.
** Wird der United Internet Media-Code verwendet, wird im mobilen Browser des iOS Tablets ein Animiertes GIF ausgespielt.
*** Unsere Empfehlung ist, einen aussagekräftigen 1. frame zu wählen, welcher dem Fallback -Image ähnelt.
www.united-internet-media.de
14
Zur Übersicht eine Aufstellung der portalübergreifenden Abspielungen von responsiven Inhalten innerhalb der E-Mail
Webclient
IE 9.0
IE 11.0
Firefox 31.2.0
Firefox 24.4
Chrome 35.0
Opera 22.0
Safari 5.1
WEB.DE
-
√
√
√
√
√
√
GMX
-
√
√
√
√
√
√
1und1
-
√
√
√
√
√
√
Stand: 16.02.2015
Verwendete Geräteversionen:
Android Smartphone 4.4.2
iOS Smartphone 8.0
iOS Tablet 8.0
www.united-internet-media.de
Softwareversion:
iOS:
Safari iOS 7.0
WEB.DE App 4.0.2
GMX App 3.3
freenet App 1.0.1
t-online App 1.1.1
Android:
Chrome 35.0.1916.141
WEB.DE App 2.14.9
GMX App 2.14.9
freenet App 1.0.2
15
Haben Sie noch weitere Fragen?
United Internet Media GmbH
Bei Fragen:
Karlsruhe
Thomas Eppendorfer
Brauerstraße 48
E-Mail: [email protected]
76135 Karlsruhe
Telefon: +49 89-143 39-164
München
Sapporobogen 6-8
80637 München
[email protected]
www.united-internet-dialog.de