TRUSTEDDIALOG -SIEGEL & INBOX BRANDING

Transkript

1 SPEZIFIKATIONEN TRUSTEDDIALOG -SIEGEL & INBOX BRANDING Der Qualitätsstandard für digitale Massenkommunikation Inhaltsverzeichnis: trusteddialog Setup inkl. Anforderungen Seite 2-5 Integration von Video-Content Seite 6-7 Responsive Darstellung des Newsletters Seite 8-12 Aufstellung der portalübergreifenden Abspielungen von Video-Content und responsiven Inhalten Seite 13-14

2 trusteddialog Der Qualitätsstandard für digitale Massenkommunikation Der neue Standard für bessere -Kommunikation beinhaltet eine mehrstufige Echtheits- und Integritätsüberprüfung aller über trusteddialog an WEB.DE, GMX, 1und1, freenet und Deutsche Telekom versandten kommerziellen s. 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 Dateigröße Abmessungen trusteddialog Inbox Branding 1und1 png 500 Byte 5 KB 100 x 14 px T-Online mobile Endgeräte: Browser mobile Endgeräte: ab iphone 4 Apps mobile Endgeräte: bis iphone 3GS Apps png 500 Byte 5 KB 90 x 16 px 90 x 16 px 225 x 40 px 110 x 20 px GMX, WEB.DE, Freenet 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. 2

3 Anforderungen zur Aktivierung von trusteddialog Angabe aller relevanten Absender-Domains, -Sub-Domains und -Adressen Angabe aller verwendeten IP-Adressen, über die der -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 -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 -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 -Adressen und in alle für den trusteddialog Service genutzten -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: Generelle Notifikationen und Fragestellungen zu trusteddialog: Benachrichtigungen zu technischen Fehlerfällen: Lieferhinweise Anlieferung aller zuvor beschriebener Informationen mindestens 10 Werktage vor dem Termin zur Aktivierung von trusteddialog. 3

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 Inhalte verantwortlich und muss sicherstellen, dass Inhalte und s 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 -Header mit trusteddialog-informationen Folgend ein beispielhafter -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: <return@news.trusteddialog.de> Authentication-Results: mx023.gmx.net; dkim=pass (no signature error) header.i=newsletter@news.trusteddialog.de Delivered-To: GMX delivery to trusteddialog01@gmx.net Received: (qmail invoked by alias); 05 Sep :14: Received: from mail17-44.srv2.de (EHLO mail17-44.srv2.de) [ ] by mx0.gmx.net (mx023) with SMTP; 05 Sep :14: 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; i=newsletter@news.trusteddialog.de; 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 :14: (CEST) From: trusteddialog <newsletter@news.trusteddialog.de> Reply-To: re-g66xwn9-1v2u8i3-wi5xwm@news.trusteddialog.de To: trusteddialog01@gmx.net Subject: Betreffzeile MIME-Version: 1.0 Content-Type: text/html; charset=iso 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; afc-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:

5 Leistungsumfang von trusteddialog UIM verpflichtet sich durch diesen Vertrag, s, 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 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 s erfüllt sind. Die Leistung von trusteddialog umfasst nicht die Prüfung der Inhalte von s und/ oder personenbezogener Daten. s, 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 s für diese konkreten Nutzer abzustellen, ist UIM berechtigt, insoweit Kunden- s 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- s 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 -Versandsystem notwendig (Nutzung der DKIM-Signatur bei allen versendeten s). Der Kunde trägt die Kosten für diese Aufwände (Setup und laufender Betrieb) selbst und kann UIM hierfür nicht belasten. 5

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 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: {widthpx; height: {heightpx" data-media-type="iframe" data-media-url="{https-iframe-url" src={https-image-url /><a/> Code-Beispiel: <a href=" "> <img style="width: 560px; height: 315px" data-media-type="iframe" data-media-url=" src= /><a/> Die Einbindung eines Videos erfolgt durch den obigen img Code. Durch Angabe der Attribute data-media-type und data-media-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= ><a/> 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. Attribut Style- width=560px Breite des iframes, diese Angabe ist frei anpassbar, je nach Ihrer gewünschten Größe Attribut Style- height=315px Höhe des iframes, diese Angabe ist frei anpassbar, je nach Ihrer gewünschten Größe Attribut data-media-type= iframe Definition, dass ein iframe erzeugt werden soll. Attribut data-media-url=" Beinhaltet den Pfad zum iframe-inhalt (Video) Wir empfehlen die Einbindung von YouTube-Inhalten (Bitte embed-link verwenden) 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= Angabe einer Grafikdatei: z.b. JPG, PNG, GIF, GIF (animiert) 6

7 Falls der iframe im -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,height,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=" src= /> Attribut style = CSS o o CSS-Definitionen, die auch für das iframe-tag übernommen werden z. B. zur Breite (width), Höhe (height) und dem Rahmen (border) des iframes Attribut data-media-type = iframe o iframe ist hier als Pflichtangabe zu sehen Attribut data-media-url = URL o 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 7

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; div#liquid table { border-collapse: collapse; 8

9 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: 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: 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: only screen and (min-width: 960.0px) and (max-width: px) { div[id]#liquid { width: 960.0px; div[id]#liquid *#header, div[id]#liquid *#footer { width: 940.0px; 9

10 @media only screen and (min-width: px) { div[id]#liquid { width: px; div[id]#liquid *#header, div[id]#liquid *#footer { width: px; </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=" 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=" <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> 10

11 Code-Beispiel: HTML Body Footer <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 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 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. 11

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 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 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 s, 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= >) 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. 12

13 Zur Übersicht eine Aufstellung der portalübergreifenden Abspielungen von Videos innerhalb der Webclient IE 9.0 IE 11.0 Firefox Firefox 24.4 Chrome 35.0 Opera 22.0 Safari 5.1 WEB.DE GMX freenet.de t-online* 1und1 Android mobiler Browser ios Smartphone App 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 WEB.DE GMX freenet.de Anim.Gif Anim.Gif, stoppt im 1. frame *** Anim.Gif stoppt im 1. frame *** Anim.Gif, stoppt im 1. frame *** Anim.Gif t-online 1und1 Stand: Verwendete Geräteversionen: Softwareversion: Android Smartphone ios: Android: ios Smartphone 8.0 Safari ios 7.0 Chrome ios Tablet 8.0 WEB.DE App WEB.DE App GMX App 3.3 GMX App freenet App freenet App t-online App * 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. 13

14 Zur Übersicht eine Aufstellung der portalübergreifenden Abspielungen von responsiven Inhalten innerhalb der Webclient IE 9.0 IE 11.0 Firefox Firefox 24.4 Chrome 35.0 Opera 22.0 Safari 5.1 WEB.DE - GMX - 1und1 - Stand: Verwendete Geräteversionen: Softwareversion: Android Smartphone ios: Android: ios Smartphone 8.0 Safari ios 7.0 Chrome ios Tablet 8.0 WEB.DE App WEB.DE App GMX App 3.3 GMX App freenet App freenet App t-online App

15 Haben Sie noch weitere Fragen? United Internet Media GmbH Karlsruhe Brauerstraße Karlsruhe München Sapporobogen München Bei Fragen: Thomas Eppendorfer Telefon: