TECHNISCHE SPEZIFIKATIONEN MOBILE. Unterföhring, Oktober 2018

Transkript

1 TECHNISCHE SPEZIFIKATIONEN MOBILE Unterföhring, Oktober 2018

2 Themenübersicht: 1 I 2 I 3 I 4 I 5 I 6 I 7 I 8 I 9 I 10 I 11 I Allgemeine Hinweise Seite 3 MEW - Mobile Enabled Website Seite 5 Mobile Banner Seite 6 Mobile Billboard (Banner 2:1) Seite 7 Mobile Medium Rectangle Seite 8 Mobile Interstitial Seite 9 Mobile Video Ads Seite 10 Mobile Apps - Sponsoring Seite 11 Briefing & Materialanforderung für die Werbemittelproduktion 1) Interaktives Interstitial Seite 12 2) Expandable Banner Seite 13 Retina Auflösung Seite 14 HTML 5 Seite 15 2

3 1) Allgemeine Hinweise - Mobile Advertising Werbemittelanlieferung: Bitte senden Sie die Werbemittel als ZIP-Datei mindestens fünf Tage vor Kampagnenstart an AdManagement@sevenonemedia.de. In der sollte der Kundenname, Kampagnenname, der Zeitraum der Kampagne, der Werbeträger, Zuordnung der Werbemittel bei einzelnen Platzierungen und ein Ansprechpartner für Rückfragen mit angegeben sein. Die Ziel-URL einer Anzeige muss ordnungsgemäß funktionsfähig sein und zu einer (zum Kampagnenstart) funktionsfähigen Website führen. Sie darf nicht zu einer -Adresse oder einer Datei führen. Die Anzeigen dürfen keine Downloads von Software auf den Computer eines Nutzers auslösen, ohne dass der Nutzer zuvor eindeutig und in auffälliger Weise über Installation, Betrieb und Entfernung der Software informiert wird und der Nutzer Gelegenheit hat, nach dieser Information die Installation der Software abzulehnen. Wenn die Anzeigen die technischen Spezifikationen oder die inhaltlichen Grundsätze nicht erfüllen, kann sich dadurch das Startdatum für eine bestimmte Platzierung und/oder Kampagne verzögern. Sollte ein Werbemittel verspätet eintreffen oder die technischen Spezifikationen nicht erfüllen, behält sich SevenOne Media das Recht vor, die Kampagne um die Anzahl der Tage zu verschieben, die der Anzeigeninhalt verspätet eingetroffen ist, um die vertraglich vereinbarten Impression/Klick-Ziele zu erreichen. Sollte eine außerplanmäßige Pausierung der Auslieferung während der Kampagnenlaufzeit aufgrund von Wartungs-/Umbauarbeiten an der Ziel-Seite oder bedingt durch einen Werbemittelwechsel nötig sein, so ist hierauf rechtzeitig hinzuweisen. Zählpixel ohne Funktionalität möglich (nur Image Aufruf, kein Java Script, kein PHP). 3

4 1) Allgemeine Hinweise - Mobile Advertising Werbemittelkennzeichnung: Alle Werbemittel müssen in der Werbemittelgrafik selber eindeutig mit dem Kennzeichen als Werbung gekennzeichnet werden. Die Schriftfarbe muss kontrastreich und mindestens 9pt groß sein. Schließen-Button: Bei In-App Interstitials wird der Schließen-Button automatisch durch den Adserver hinzugefügt. Dieser wird im Werbemittel je nach Betriebssystem des Nutzergerätes rechts oder links oben platziert. Bei der Gestaltung der Werbemittel sowie der Platzierung der -Kennzeichnung sollte dies berücksichtigt werden (Safe Area: 50x50 Pixel). Bei MEW Interstitials ist ein Close- Button erforderlich und muss von der Kreation implementiert werden. 4

5 2) MEW Mobile Enabled Website Technische Anforderungen: MEW Größe Endgerät Banner 320x50 Pixel Smartphones Banner 2:1 320x150 Pixel Smartphones Dateiformat: Dateigewicht: 3rd Party (muss skalierbar sein): Streaming/Sound: Frequency Capping: Zählpixel: JPG, GIF (statisch/animiert) 70 KB JavaScript/HTML5 (https) - siehe Seite 14ff - Nein Ja Ja (https) Medium Rectangle 300x250 Pixel Smartphones Erforderlich: Clickcommand (https) oder URL auf eine mobile-fähige Landingpage, Close Button, Auto-Close 7 sec. Anlieferung: 5 Werktage vor Kampagnenstart - Bitte die Integration der Werbekennzeichnung beachten (S.4) 5

6 3) Mobile Banner Technische Anforderungen: Mobile Banner ipad iphone / Android Portrait / Landscape 728x90 Pixel 320x50 Pixel Dateiformat: Dateigewicht: 3rd Party (muss skalierbar sein): Streaming/Sound: Frequency Capping: Zählpixel: JPG, GIF (statisch/animiert) 30 KB JavaScript/HTML5 (https) - siehe Seite 14ff - Nein Ja Ja (https) Erforderlich: Clickcommand (https) oder URL auf eine mobile-fähige Landingpage Anlieferung: 5 Werktage vor Kampagnenstart Landscape Portrait Portrait - Banner ist stets sichtbar, ohne Schließen Button - Bitte die Integration der Werbekennzeichnung beachten (S.4) Landscape Für die optimale Anzeige des Werbemittels (auf hochauflösenden Displays) besteht zudem die Möglichkeit physische Mobile Banner in doppelter Größe anzuliefern (z.b. 640x100 Pixel anstelle 320x50 Pixel). Siehe Seite 13. 6

7 4) Mobile Billboard (Banner 2:1) Technische Anforderungen: Mobile Billboard ipad iphone Portrait / Landscape 728x250 Pixel 320x150 Pixel Dateiformat: Dateigewicht: 3rd Party (muss skalierbar sein): Streaming/Sound: Frequency Capping: Zählpixel: JPG, GIF (statisch/animiert) 70 KB JavaScript/HTML5 (https) - siehe Seite 14ff - Nein Ja Ja (https) Erforderlich: Clickcommand (https) oder URL auf eine mobile-fähige Landingpage Anlieferung: 5 Werktage vor Kampagnenstart Landscape Portrait Portrait - Bitte die Integration der Werbekennzeichnung beachten (S.4) - Billboard läuft momentan nur auf der IOS-WetterApp Landscape Für die optimale Anzeige des Werbemittels (auf hochauflösenden Displays) besteht zudem die Möglichkeit das physische Mobile Billboard in doppelter Größe anzuliefern (z.b. 640x300 Pixel anstelle 320x150 Pixel). Siehe Seite 13. 7

8 5) Mobile Medium Rectangle Technische Anforderungen: Medium Rectangle Android / ipad / iphone Portrait / Landscape 300x250 Pixel Dateiformat: Dateigewicht: 3rd Party (muss skalierbar sein): Streaming/Sound: Frequency Capping: Zählpixel: JPG, GIF (statisch/animiert) 35 KB JavaScript/HTML5 (https) - siehe Seite 14ff - Nein Ja Ja (https) Erforderlich: Clickcommand (https) oder URL auf eine mobile-fähige Landingpage Anlieferung: 5 Werktage vor Kampagnenstart - Bitte die Integration der Werbekennzeichnung beachten (S.4) Für die optimale Anzeige des Werbemittels (auf hochauflösenden Displays) besteht zudem die Möglichkeit das physische Medium Rectangle in doppelter Größe anzuliefern (z.b. 600x500 Pixel anstelle 300x250 Pixel). Siehe Seite 13. 8

9 6) Interstitial Technische Anforderungen: Interstitial Portrait Landscape ipad 768x1024 Pixel 1024x768 Pixel iphone / Android 320x480 Pixel 480x320 Pixel Dateiformat: Dateigewicht: 3rd Party (muss skalierbar sein): Anzeigedauer: Streaming/Sound: Frequency Capping: Zählpixel: JPG, GIF (statisch/animiert) 70 KB JavaScript/HTML5 (https) - siehe Seite 14ff - 7 Sekunden Ja Ja Ja (https) Erforderlich: Anlieferung: Clickcommand (https) oder URL auf eine mobile-fähige Landingpage 5 Werktage vor Kampagnenstart - Bitte die Integration der Werbekennzeichnung beachten (S.4) - Während der Anzeige des Interstitials muss der Hintergrund ausgegraut werden Für die optimale Anzeige des Werbemittels (auf hochauflösenden Displays) besteht zudem die Möglichkeit physische Interstitial in doppelter Größe anzuliefern (z.b. 640x960 Pixel anstelle 320x480 Pixel). Siehe Seite 13. 9

10 7) Mobile Video Ads Ideales Anlieferungsformat für Konvertierung: File type: H264 File extension:.mp4 /.mov Size: PAL 1024 x 576 (16:9) Total bit rate (Video + Audio): 4,0 Mbit/s Video codec: H264 High Profile Video frame rate: 25 fps Audio codec: AAC-LC Audio bit rate: 320 kbit, 48 khz Audio channel: Mono oder Stereo 3rd Party: Ja Gegebenenfalls erfolgt eine applikationsseitige Beschneidung des Videos (oben und unten, links und rechts) von jeweils bis zu 10% Weitere Formate sind nach Absprache möglich Zwischen Buchung und Schaltung sollten mindestens fünf Werktage für die technische Integration berücksichtigt werden Zählpixel, die Funktionalitäten wie Script-Verarbeitung, Cookie-Interaktion oder andere Browserfunktionen erwarten, werden nicht unterstützt werden nicht unterstützt Spezifikationen bei 3rd-Party Anlieferung: 3rd-Party-Auslieferung ist auf Basis des VAST 2 Standards z. B. über mediamind, Flashtalking, Adform, DFA (Doubleclick) und mov.ad möglich. Weitere Details finden Sie >> Hier << beim Kapitel InStream VideoAds Hinweis: Bitte das Videomaterial so croppen / beschneiden, dass sich kein Schwarzbild in den Videos befindet 10

11 8) Mobile Apps Sponsoring (Logointegration + Logo Flip) Sponsoring iphone ipad Android Dateigewicht Hinweis ran-app Sponsoring: 640x100 Co-Sponsoring: 320x100 Sponsoring: 1456x180 Co-Sponsoring: 728x180 Sponsoring: 640x100 Co-Sponsoring: 320x100 30kb Logo sollte zentriert werden 7TV-App Sponsoring: 640x100 Co-Sponsoring: 320x100 Sponsoring: 640x100 Co-Sponsoring: 320x100 Sponsoring: 640x100 Co-Sponsoring: 320x100 30kb transparenter Hintergrund Logo muss rechtsbündig sein = bei den angegebenen Größen handelt es sich bereits um die Retina-Auflösung siehe Seite 13 Technische Anforderungen: Dateiformat: 3rd Party: Zählpixel: Erforderlich: Anlieferung: JPG, GIF (statisch / animiert) NEIN Ja (https) Clickcommand (https) oder URL auf eine mobile-fähige Landingpage 5 Werktage vor Kampagnenstart 11

12 Materialanforderung Produktionszeit 9) Briefing & Materialanforderung für die Werbemittelproduktion - Interstitial Statisch Animiert Interaktiv Die Produktionszeit beträgt 3-5 Werktage und beginnt nach einem detailliertem Briefing und der Anlieferung des vollständigen Grafik- und Textmaterials. Bei der Erstellung sind bis zu drei Änderungs-Schleifen im Preis enthalten. Die Produktionszeit beträgt Werktage und beginnt nach einem detaillierten Briefing und der Anlieferung des vollständigen Grafikund Textmaterials. Bei der Erstellung sind bis zu drei Änderungs-Schleifen im Preis enthalten. Die Umsetzungs-und Zeitplanung eines individuellen Specials ist immer nach Mechanik und Aufwand verschieden. Creative Services muss vor der finalen Kundenpräsentation informiert werden, um eine genaue Aufwandsschätzung sowie einen KV abgeben zu können. Freigegebene Texte, Produktinformationen Special-Titel, Claim, Slogan Kundenlogos (idealerweise als eps, ai, png, psd,) Webseite zur Weiterverlinkung/Zielurl Copyright-Zeile (wenn gewünscht) Designvorgaben, Schriftzug Key Visual / Look & Feel Styleguide Schriftarten / fonts für PC und MAC Bildauswahl (Kampagneninfos, Produktabbildung für 360 Grad-Ansicht) Video (in hoher Auslösung als mov, avi) Absprache bzw. individuelles Briefing und Mechanik (Absprache mit Conception und CS) Materialanforderung weicht je nach Konzept und Mechanik ab Ansonsten gelten die nebenstehenden Standard Materialanlieferungen/Briefing- Informationen Wlan Targeting 12

13 9) Briefing & Materialanforderung für die Werbemittelproduktion - Expandable Banner Option 1: Anlieferung der Werbemittel Option 2: Anlieferung von Material zur Werbemittelproduktion Banner Expandable Banner Siehe Seite 11 iphone / Android 320x50 Pixel 320x480* Pixel oder 300x250** Pixel Technische Anforderungen: Dateiformat: Dateigewicht : 3rd Party: Streaming/Sound: Zählpixel: Erforderlich: Anlieferung: JPG, GIF (statisch) 20 KB (Banner), 35 KB (Expandable) Nein Nein Ja (https) Clickcommand (https) oder URL auf eine mobile-fähige Landingpage 5 Werktage vor Kampagnenstart oder - Bitte die Integration der Werbekennzeichnung beachten (S.4) Banner Expandable* Expandable** 13

14 100 Pixel 10) Retina Auflösung Retina Display Bannergröße Für eine optimale Darstellung von mobilen Werbemitteln auf Retina Displays ist es möglich die doppelte Höhe und Breite des Banners zu verwenden (physische Anlieferung). So wird zum Beispiel aus einem Mobile-Banner mit 320x50 Pixeln ein Banner mit 640x100 Pixeln. Die Anzeigegröße bleibt dabei unverändert, da das 640x100 Pixel-Banner trotzdem als 320x50 Pixel-Banner abgebildet wird. Bei Retina Displays stehen durch die erhöhte Pixeldichte somit mehr Bildpunkte zur Verfügung. Diese werden durch die erhöhte Anzahl der Pixel gefüllt und ermöglichen eine qualitativ hochwertigere Darstellung. Welche Version eingesetzt wird, muss auf Kundenseite in Abhängigkeit vom Werbemitteldesign getroffen werden, darf die genannten technischen Restriktionen der einzelnen Werbeformen aber nicht überschreiten! Quelle: MAC Mobile-Report 2014/02 14

15 11) HTML5 Mobile-Ads InApp HTML5 Grundsätzlich ist Ihnen die Herangehensweise einer HTML5-Mobile-Werbemittel Produktion freigestellt. Ob Sie bspw. für die Animation JavaScript Libraries wie jquery, CSS3 oder das HTML5 Canvas Element verwenden, bleibt Ihnen überlassen. Allerdings gibt es einige Richtlinien, die Sie unbedingt beachten müssen, damit ihre HTML5 Ads innerhalb des SevenOne Media Portfolios fehlerfrei funktionieren: Alle Werbemittel müssen dem MRAID-Standard (Version 1.0) der IAB gerecht werden. Alle Werbemittel müssen eindeutig mit dem Kennzeichen als Werbung in der rechten oberen Ecke gekennzeichnet werden. Alle Werbemittel müssen kundenseitig auf einem remote Server gehostet und als <script> Tag Redirect angeliefert werden. Folglich wird nur eine URL, die auf das Werbemittel referenziert, angeliefert. Generell werden Werbemittel, die insgesamt 100KB überschreiten, nur auf WLAN getargeted. Ein Gesamtvolumen von 500KB darf im Allgemeinen nicht überschritten werden. 15

16 11) HTML5 MRAID (Mobile Rich Media AdInterface Definitions) MRAID ist eine API, die von der Interactive Advertising Bureau ( IAB ) als Standard für die Produktion von mobilen Rich- Media-Ads definiert wurde. Dieses Set an Javascript-Methoden stellt die Schnittstelle zwischen Ihrem HTML5 Ad und der mobilen Applikation dar. Prinzipiell werden die HTML5 Ads innerhalb der Apps in separaten WebView Containern per iframe eingebunden und dargestellt. Trotz dieser physischen Trennung kann das HTML5 Ad durch die MRAID Methoden und Events mit der Applikation kommunizieren und bspw. den Ad-Container verkleinern/vergrößern oder auf Gerätefunktionen wie Beschleunigungs-Sensor, GPS etc. zugreifen. Die Apps des SevenOne Media Portfolios unterstützen MRAID v1.0. Detaillierte Informationen hierzu erhalten Sie unter folgenden Links: << Hier >> oder << Hier >> 16

17 11) HTML5 Werbemittel-Produktion MRAID einbinden: Um auf die MRAID Methoden zugreifen zu können, müssen Sie im <head>-bereich ihrer HTML-Datei folgende Zeile Code integrieren: Achtung: Die Datei mraid.js befindet sich ausschließlich auf dem Adserver und ist erst später in der eigentlichen Applikation verfügbar. Werbemittel als <script>-tag definieren Alle HTML5-Werbemittel werden mittels JavaScript eingebunden und müssen als Tag bzw. JavaScript-Datei angeliefert werden. Beispiel: Clicktag definieren: Um nach einem Touch-Event des Users die Zielseite der Kampagne im InApp-Browser zu öffnen, rufen Sie die Methode mraid.open() auf und übergeben dieser die gewünschte Ziel-URL als String: Der Variablenname der Ziel-URL (im Beispiel soiclick ) muss nicht zwingend genau so heißen und kann frei gewählt werden. Ausschließlich dieser Funktionsaufruf wird von unserem Adserver getracked und ist Grundlage unseres Reportings. 17

18 11) HTML5 Spezielle Richtlinien für das Werbemittel Expandable Banner : Der Ad-Container eines Banners kann mittels der Methode mraid.expand() auf die volle Displayfläche expandiert werden: Betätigt der User im Anschluss den nun sichtbaren Close- Button, verkleinert sich der Ad-Container wieder auf seine ursprüngliche Banner-Größe. Achtung: Der Close-Button wird prinzipiell vom Adserver ausgesteuert und muss nicht zusätzlich in das Werbemittel integriert werden. Dieser befindet sich standardmäßig in der linken, oberen Ecke. Der Status des Containers kann ebenfalls mit der Methode mraid.getstate() abgefragt werden. default entspricht hierbei der Bannergröße und expanded der Fullscreengröße: oder Spezielle Richtlinien für das Werbemittel Interstitial : Die Anzeigedauer eines Prestitials beträgt prinzipiell 7 Sekunden. Erfolgt innerhalb dieser Zeit seitens des Users keine Interaktion (z.b. Touch, Shake, Swipe), muss das Ad kreationsseitig geschlossen werden. Folgende Zeile Code ruft nach 7 Sekunden die Methode mraid.close() auf und muss in das Prestitial integriert werden: var standardtimer = settimeout( function(){ mraid.close() }, 7000); Erfolgt hingegen innerhalb dieser 7 Sekunden eine User-Interaktion, kann der Timer gelöscht werden und das Ad bleibt solange sichtbar, bis der User das Ad manuell über den Close-Button schließt: Der Timer muss spätestens nach vollständiger Ladung des HTML5 Werbemittels gesetzt werden! Grundsätzlich empfehlen wir bei größeren Datenvolumen den Einsatz eines Preloaders. Achtung: Bitte Close Button Infos auf Seite 4 beachten! 18

19 Alexander Becker Head of Ad Management alexander.becker[at]sevenonemedia.de +49 [0] 89/ Osman Aksoy Ad Manager osman.aksoy[at]sevenonemedia.de +49 [0] 89/ Kinga Röll Ad Manager kinga.roell[at]sevenonemedia.de +49 [0] 89/ Andrey Raltchev Ad Manager andrey.raltchev[at]sevenonemedia.de +49 [0] 89/ Sandro Schlegel Ad Manager sandro.schlegel[at]sevenonemedia.de +49 [0] 89/ Deniz Büyükasik Ad Manager Deniz.Bueyuekasik[at]sevenonemedia.de +49 [0] 89/ SevenOne Media GmbH Medienallee 4 D Unterföhring Tel. +49 [0] 89/ Fax +49 [0] 89/ Technische Hotline außerhalb der Geschäftszeiten: Bei dringlichen AdServing-Maßnahmen (wie z. B. defekte Werbemittel, Kampagnendeaktivierung bei einstweiliger Verfügung oder Nichterreichbarkeit der Landingpage) Mo Fr 18:00 23:00 Uhr Sa, So/Feiertage 10:00 23:00 Uhr Hotline: +49 (0) help[at]sevenonemedia[dot]de