WZ Digital 2016 Technische Spezifikationen

Transkript

1 WZ Digital 2016 Technische Spezifikationen

2 WZ Digital 2016 Technische Spezifikationen Anlieferung Werbemittel 3 Spezifikationen Standardformate 5 Spezifikationen Flash 8 Spezifikationen HTML5 15 Spezifikationen Sonderformate 18 Banderole Ad Layer Ad Streaming in Display-Formate Video-Wallpaper Wallpaper Expandable Wallpaper Branding Day In-Text-Roll Spezifikationen Native Ads 28 Spezifikationen Mobile Ads 32 2

3 Anlieferung Werbemittel 3

4 Technische Spezifikationen Anlieferung Werbemittel Adresse für die Anlieferung per Angaben für die Betreffzeile der Werbetreibender Kampagnenname Detailangaben für den Text der Kundenname Kampagnenname Buchungs- bzw. Kampagnenzeitraum Belegte Seiten Werbeformate Ansprechpartner für Rückfragen 3rd Party Redirects als separates File im Anhang senden. Mindestanlieferungszeit vor Kampagnenstart 5 Werktage für Standardwerbemittel und Sonderformate 4

5 Spezifikationen Standardformate 5

6 Technische Spezifikationen Standardformate Medium Rectangle 300x250 Pixel (expanded Max. 600x500 Pixel) GIF, JPEG oder PNG, Max. 40 KB Superbanner 728x90 Pixel, 728x360 Pixel (expanded Max.) GIF, JPEG oder PNG, Max. 40 KB Skyscraper x600 Pixel, 480x600 Pixel (expanded Max.) GIF, JPEG oder PNG, Max. 40 KB Teaserbutton 300x100 Pixel GIF, JPEG oder PNG, Max. 40 KB Layer Ad 400x400 Pixel GIF, JPEG oder PNG, Max. 40 KB 6

7 Technische Spezifikationen Standardformate Wallpaper Superbanner 728x90 Pixel (expanded: Max. 728x360), Skyscraper max x600 Pixel (expanded: Max. 480x600) GIF, JPEG oder PNG, Max. 80 KB Banderole Ad 770x250 Pixel GIF, JPEG oder PNG, Max. 40 KB Billboard Ad 800x250 Pixel GIF, JPEG oder PNG, Max. 80 KB Die Angaben zu den Dateigrößen gelten auch für Werbemittel, die über 3rd Party Redirects (Sizmek, Flashtalking, Adform, Doubleclick, etc.) ausgeliefert werden. Ausnahme: Nutzung einer Funktion wie z.b. Polite-Load. 7

8 Spezifikationen Flash 8

9 Technische Spezifikationen Flash AS2 und AS3 Bei Anlieferung zu beachten Flash-Version (Version 10.1 oder geringer) Fallback-Image (außer bei Layer Ads) Angabe von Click-URL Lieferung von Informationen über besondere Actionscripte (falls verwendet) Frame-Rate Die Frame-Rate* beträgt 18 fps (frames per second). Die WZ akzeptiert bis zu 25 fps. * Die Bildfrequenz (Anzahl der Einzelbilder bzw. Bewegungsphasen), die in einem bestimmten Zeitabschnitt aufgenommen werden soll. CPU-Last Ein Flash-Werbemittel darf die CPU-Last nicht mehr als 10 % beeinflussen (durchschnittlicher Rechner nach dem aktuellen Stand der Technik). Kommunikation zwischen zwei Werbemitteln Falls zwei oder mehr Werbemittel miteinander kommunizieren (z.b. Wallpaper) muss sichergestellt sein, dass die Funktionalität auch unter realen (live) Bedingungen gegeben ist; d.h. dass die Kommunikation über unterschiedliche Domains hinweg funktioniert. Stichwort: System.security.allowDomain( * ); 9

10 Technische Spezifikationen Flash AS2 und AS3 Windows Mode (wmode) Für die Insite-Formate (Banner, Skyscraper und Rectangle) gilt: wmode=transparent oder wmode=opaque Für Layer und Banderole-Ads gilt: wmode=opaque Hinweis: Auch bei 3rd Party Redirects muss immer ein wmode definiert sein. Sound Sound ist generell zulässig. Er darf jedoch nicht automatisch starten, sondern nur durch User-Aktion. Zudem muss ihn der User jederzeit ausschalten können. 10

11 Technische Spezifikationen Flash AS2 und AS3 Trackingmethode der Klicks Einheitlicher Standard ist die clicktag-methode. clicktag ist eine Variable, die es ermöglicht die Ziel-URL bzw. den Deeplink des Werbetreibenden von außen mittels JavaScript an das SWF-File zu übergeben. Sollten die Werbemittel mehrere klickbare Bereiche mit verschiedenen Ziel-URLs beinhalten, lässt sich die clicktag-variable für jede URL erweitern: Beispiel: URL1 = clicktag1 URL2 = clicktag2 URL3 = clicktag3 Link zum clicktag-tutorial von Adobe für Flash: 11

12 Technische Spezifikationen Flash AS2 und AS3 ActionScript 2 (AS2) Die Funktion im SWF-File lautet: on (release) { geturl(clicktag, clicktarget); } In diesem Fall werden clicktag und clicktarget als Variable an die Flash-Datei gehängt. Beispiel <PARAM NAME=movie VALUE="flashlayer_demo.SWF?clickTag= Wichtig Wird die Variable innerhalb eines Movieclips in der Hauptanimation verwendet, muss die Variable mit einem vorgestellten _root. eingebaut werden. 12

13 Technische Spezifikationen Flash AS2 und AS3 Action Script 3 (AS3) Klickzählung Bei alleiniger Verwendung der Funktion navigatetourl in AS3 wird der Popup-Blocker des Internet Explorers bei einem sogenannten windowless wmode (transparent, opaque) aktiv und die Weiterleitung wird geblockt. Um das Blocken von Popups im Internet Explorer zu vermeiden, empfiehlt es sich, folgende Funktion (oder eine ähnliche) zu implementieren (siehe nächste Seite). Anmerkungen Der User darf nicht per Popup gezwungen werden, ein Plugin zu installieren, um das Werbemittel sehen zu können. Werbemittel dürfen nicht als Windows/Mac/Unix Infoboxen oder Fehlermeldungsboxen dargestellt werden (oder auf andere Art zu Verwechslungen mit Systemmeldungen führen). Die WZ behält sich das Recht vor, Werbemittel offline zu nehmen, die der User als störend empfinden könnte. 13

14 Technische Spezifikationen Flash AS2 und AS3 import flash.external.externalinterface; var clickurl:string = new String(root.loaderInfo.parameters.clicktag); var clicktarget:string = new String(root.loaderInfo.parameters.clicktarget); var clickurlrequest:urlrequest = new URLRequest(clickUrl); // Aktion die beim Click ausgeführt werden soll function clickhandler(event:mouseevent): void{ }; // Prüfen ob externe Schnittstelle vorhanden, wenn nicht navigatetourl if(externalinterface.available) { // Browser Check var isie:boolean = ExternalInterface.call("function() { returndocument.all &&!window.opera;}"); // Browser = IE? if(isie) { ExternalInterface.call("window.open", clickurl, clicktarget); } else { navigatetourl(clickurlrequest, clicktarget); }; } else { navigatetourl(clickurlrequest, clicktarget); }; // ClickHandlerder Klickfläche clickbutton.addeventlistener(mouseevent.mouse_up, clickhandler); 14

15 Spezifikationen HTML5 15

16 Technische Spezifikationen HTML 5 HTML5 Werbemittel müssen immer zwingend als Redirect angeliefert werden. Es muss sichergestellt sein dass das Werbemittel keinen Einfluss auf die Webseite hat. Dies gilt auch wenn diese keinen HTML5 Doctype hat. Das Werbemittel sollte optimaler Weise in einem iframe gekapselt sein. Sind aufgrund bestimmter genutzter Funktionen im Werbemittel Browserausschlüsse oder ähnliches nötig, so ist dies bei Anlieferung mitzuteilen. HTML5-Werbemittel bestehen aus mehreren Elementen die nicht analog zu Flash in einem File zusammengeführt und komprimiert werden können. Diese Elemente sind HTML-Files CSS Libraries (Javascript, JQuery, ) Bilder Videos Damit der Aufbau der Medien-Website und des Werbemittels nicht unnötig verzögert wird, sind Kreative angehalten, die einzelnen Elemente des HTML5 Werbemittels sowohl hinsichtlich ihrer Anzahl als auch Dateigröße so klein wie möglich zu halten, aber unbedingt die folgenden Limits zu beachten. 16

17 Technische Spezifikationen HTML 5 HTML5 Werbemittel inkl. Code und Bilder : Desktop: 100 kb Tablet: 60 kb Phone: 40 kb Maximale nachgelagerte Dateigröße (zusätzlich erlaubtes Ladevolumen, um eine Nutzer-Interaktion zu ermöglichen): Desktop: 150 kb Tablet: 150 kb Phone: 100 kb Maximale nutzerinitiierte Nachlade-Größe (Maximale Dateigröße für einen nachgelagerten Datei- Ladevorgang wie z.b. Video Stream): Desktop: 2,5 MB Tablet: 2 MB Phone: 2 MB Dies ist durch Komprimierungsverfahren und Optimierungsverfahren als auch durch sparsame Anwendung von Animationen und Einbindung externer Elemente wie Fonts und Bibliotheken einzuhalten, welche auch bei der Dateigröße dazu zu rechnen sind. 17

18 Spezifikationen Sonderformate 18

19 Technische Spezifikationen Banderole Ad Bei Anlieferung zu beachten Die Werbemittel sind immer physisch oder als 3rd Party Redirect von Flashtalking anzuliefern. Für die physische Anlieferung gelten unsere Standard-Flash-Spezifikationen. Dazu benötigen wir die Ziel URL und ein Zählpixel (wenn gewünscht). Im Banderole Ad darf kein Close-Button sein (diesen fügt die WZ hinzu). Schließen- und Öffnen-Button (physische Anlieferung der Banderole) Die Buttons zum Öffnen und Schließen der Banderole haben eine Breite von 20 Pixel und die gleiche Höhe wie das Banderole-Creative (250 Pixel). Standard-Buttons Es können auch eigene Buttons mitgeliefert werden (als GIF oder JPG). 19

20 Technische Spezifikationen Layer Ad Close Button Alle Layer-Ads müssen über einen jederzeit gut sichtbaren und funktionalen Close-Button verfügen. Mindestgröße: 20 x 20 px. Die Hintergrundfarbe sollte nicht Weiß sein; viele Seiten haben einen weißen Hintergrund und der Close Button wäre somit nicht sichtbar. Der Close-Button ist mit folgender Schließen-Funktion zu belegen: geturl("javascript:f4d_hide_layer()","_self"); Das Layer Ad muss sich automatisch nach frühestens 8 bzw. spätestens 15 Sekunden schließen. 20

21 Technische Spezifikationen Streaming in Display-Formate Der Einsatz von Streaming-Elementen (i.d.r. Werbespots) ist in allen Werbeformen möglich. Hosting durch Drittanbieter Die Auslieferung des Werbemittels erfolgt über einen Redirect des Dienstleisters. (Spezifikationen zur Anlieferung der Werbemittel beachten). Der Spot sollte max. 30 Sekunden dauern. Der Ton darf nur auf User-Aktion (Klick auf Ton an -Button oder Bewegen des Mauszeigers über das Werbemittel) starten und muss ebenso zu beenden sein. Als Steuerelemente werden ein Stop -, ein Pause/Play - und ein Ton an/aus - Button benötigt. Dem User sollte es möglich sein, sich den Spot mehrmals anzuschauen. Das automatische Loopen des Werbespots ist nicht erlaubt. Eine Bandbreitenabfrage sollte erfolgen, um dem User eine optimale Qualität des Streamings zu gewährleisten. 21

22 Technische Spezifikationen Streaming in Display-Formate Flash-Video-Tutorials bei Macromedia (Adobe) Für die Verlinkungen bitte die clicktag -Methode anwenden (siehe Flash-Spezifikationen, Seite 8) Das Video muss in einem Werbemittel (z. B. SWF) eingebettet sein. Die Videodatei wird nicht von der OMS verwaltet. Sie muss auf einem externen Server zur Verfügung gestellt werden. System Security Flash/Domains freigeben. Beispiel Action-Script für eine video.flv Einbindung:System.security.allowDomain("*"); var netconn:netconnection =new NetConnection(); netconn.connect(null); var netstream:netstream =new NetStream(netConn); VideoStream.attachVideo(netStream); netstream.setbuffertime(10) netstream.play("video.flv"); 22

23 Technische Spezifikationen Video-Wallpaper Bei Anlieferung zu beachten Superbanner 728 x 90 px gemäß Spezifikationen als GIF/JPG/SWF Skyscraper max. 300 x 600 px gemäß Spezifikationen als GIF/JPG/SWF Das Video in bestmöglicher Qualität (so wenig wie möglich komprimiert) Mindestauflösung des Videos: 726 x 409 px (16:9); je höher die Qualität desto besser Maximale Laufzeit des Videos: 30 Sekunden HEX-Code für die Einfärbung des Seitenhintergrunds Ziel URL (Clickcommand) und Zählpixel (wenn gewünscht) Alle Videoformate außer FLV möglich Die Anordnung von Banner, Skyscraper und Video erfolgt immer nach folgendem Schema: SUPERBANNER SUPERBANNER SKYSCRAPER 23

24 Technische Spezifikationen Wallpaper Bei Anlieferung zu beachten Für das Wallpaper entweder physisch oder als 3rd Party Redirect von Flashtalking, Eyewonder SUPERBANNER oder Mediamind anliefern: Superbanner 728 x 90 px gemäß Spezifikationen Skyscraper max. 200 x 600 px gemäß Spezifikationen GIF/JPG/SWF HEX-Cod für die Einfärbung des Seitenhintergrunds Ziel URL (Clickcommand) und Zählpixel (wenn gewünscht) SUPERBANNER SKYSCRAPER Werbemittelgrößen für Wallpaper und Expandable Wallpaper Max. 80 KB gesamt (Gewichtung 50 % : 50 % = 40 KB Superbanner und 40 KB Skyscraper) Die maximale Gewichtung für ein Format innerhalb des Wallpapers liegt bei 70 %. Beispiel: 70 % Skyscraper : 30 % Superbanner = 56 KB Skyscraper : 24 KB Superbanner 24

25 Technische Spezifikationen Expandable Wallpaper Bei Anlieferung zu beachten Für das Expandable Wallpaper physisch oder als 3rd Party Redirect von Flashtalking, Eyewonder SUPERBANNER oder Mediamind anliefern: Superbanner 728x90 Pixel (expanded: 728x360) gemäß Spezifikationen Skyscraper max. 200x600 Pixel (expanded: 480x600) gemäß Spezifikationen Es darf immer nur ein Teil expanden: entweder Superbanner oder Skyscraper Für den technischen Aufbau der expandable-werbemittel bei physischer Anlieferung bitte die Flash-Spezifikationen für Expandable Ads beachten. SKYSCRAPER 25

26 Technische Spezifikationen Branding Day Bei Anlieferung zu beachten Für den Branding Day physisch oder als 3rd Party Redirect von Flashtalking, Eyewonder oder Mediamind anliefern Superbanner 728x90 Pixel gemäß Spezifikationen Medium Rectangle 300x250 Pixel gemäß Spezifikationen GIF/JPG/SWF/PNG Hintergrundbild (responsive Skyscraper) Min. 1000x1500 Pixel JPG oder PNG Bild rechtslastig, ohne Text SKYSCRAPER Ziel URL (Clickcommand) und Zählpixel (wenn gewünscht) 26

27 Technische Spezifikationen In-Text-Roll Bei Anlieferung zu beachten Länge des Videos (min., empfohlen, max.): 5, 20, 30 Sekunden SUPERBANNER max. Dateigröße: 3MB Anzulieferndes Dateiformat bei physischer Anlieferung: FLV (Adobe Flash video) / MP4 (MPEG-4 Part 14) Wir akzeptieren VAST/VPAID redirects Empfohlene Größe : 852x480 (16:9) High definition 640x480 (4:3) or 640x360 (16 :9) Standard definition Empfehlungen für das FLV-Format Video bitrate: minimum 700kbps, empfohlen werden 4Mbps Audio bitrate: 48kbps Key frames jede Sekunde Frame rate: 25 fps Die Metadaten müssen folgende Elemente beinhalten : 'height' in Pixel (z.b. : 640) 'width' in Pixel (z.b. : 480) 'duration' Länge des Spots in Sekunden (z.b. :20sec) SKYSCRAPER 27

28 Spezifikationen Native Ads 28

29 Technische Spezifikationen Native Teaser Kombination aus Text und Bild. Bild: Foto oder Abbildung ohne Text als GIF, JPG, PNG Bilder werden in folgenden Größen benötigt: 1:1-400x400px 2:1-600x300px 3:2-600x400px 4:3-600x450px 16:9-400x225px Maximales Dateigewicht pro Bild: 50 KB Dachzeile: max. 50 Zeichen Überschrift: max. 50 Zeichen Teaser Text: max. 200 Zeichen Es wird 1 Native Teaser angelegt. Die Kennzeichnung mit dem Wort Anzeige erfolgt automatisch. 29

30 Technische Spezifikationen PR-Artikel Inhalt: unbegrenzte Anzahl an Zeichen möglich Bilder: nur ein Bild möglich; GIF, JPG, PNG Maximale Breite Bild: 1200px Maximale Höhe Bild: 800px Video: nur über Einbettung eines Drittanbieters (YouTube, Vimeo, MyVideo) Externe Links: drei Links externe Links möglich (nofollow) Die Kennzeichnung mit dem Wort Anzeige erfolgt automatisch. Hinweis: Bei Buchung eines PR-Artikels mit Materialanlieferung hat der Kunde das Bild- und Textmaterial gemäß der Vorgaben der WZ anzuliefern. Die WZ behält sich vor, jedes Motiv und jeden Text in einer Einzelfallentscheidung freizugeben bzw. abzulehnen. Werbemittel mit Inhalten, die gegen die Grundsätze der WZ verstoßen, werden in keinem Fall veröffentlicht. 30

31 Technische Spezifikationen Advertorial Content Inhalt: unbegrenzte Anzahl an Zeichen möglich Bilder: GIF, JPG, PNG Maximale Breite Bilder: 1200px Maximale Höhe Bilder: 800px Video: nur über Einbettung eines Drittanbieters (YouTube, Vimeo, MyVideo) Externe Links: beliebig viele externe Links möglich (nofollow) Fallback URL (Ziel-URL nach Kampagnen-Ende) Die Kennzeichnung mit dem Wort Anzeige erfolgt automatisch. Hinweis: Bei Buchung eines Native Advertorials mit Materialanlieferung hat der Kunde das Bild- und Textmaterial gemäß der Vorgaben der WZ anzuliefern. Die WZ behält sich vor, jedes Motiv und jeden Text in einer Einzelfallentscheidung freizugeben bzw. abzulehnen. Werbemittel mit Inhalten, die gegen die Grundsätze der WZ verstoßen, werden in keinem Fall veröffentlicht. 31

32 Spezifikationen Mobile Ads 32

33 Technische Spezifikationen Mobile Content Ad Mobile Content Ad 6:1 Standard Werbeformat im mobilen Bereich mit einem Seitenverhältnis von 6:1. SUPERBANNER 300x50 Pixel, 600x100 Pixel für Retina Auflösung GIF, JPEG oder PNG, Max. 20 KB (40 KB für Retina) Mobile Content Ad 4:1 Standard Werbeformat im mobilen Bereich mit einem Seitenverhältnis von 4:1. 300x75 Pixel, 600x150 Pixel für Retina Auflösung GIF, JPEG oder PNG, Max. 20 KB (40 KB für Retina) Mobile Content Ad 3:1 Standard Werbeformat im mobilen Bereich mit einem Seitenverhältnis von 3:1. 300x100 Pixel, 600x200 Pixel für Retina Auflösung GIF, JPEG oder PNG, Max. 20 KB (40 KB für Retina) Mobile Content Ad 2:1 Standard Werbeformat im mobilen Bereich mit einem Seitenverhältnis von 2:1. 300x150 Pixel, 600x300 Pixel für Retina Auflösung GIF, JPEG oder PNG, Max. 20 KB (40 KB für Retina) SKYSCRAPER 33

34 Technische Spezifikationen Interaktive mobile Formate Mobile Medium Rectangle Das bekannte Medium Rectangle aus dem Display- Bereich, jetzt auch mobile. 300x250 Pixel GIF, JPEG oder PNG, Max. 40 KB SUPERBANNER Mobile Flip Ad Die mobile Website dreht sich um die eigene Achse und eine bildschirmfüllende Werbefläche erscheint. Nach 5 Sekunden dreht sich die Seite automatisch wieder zurück. 300x416 Pixel GIF, JPEG oder PNG, Max. 25 KB Mobile Slider Ad Auf dem Mobile Content Ad (3:1) basierendes Werbe-mittel. Es bietet dem Werbetreibenden die Möglichkeit, bis zu 5 Motive anzuliefern, durch die der Nutzer blättern kann. 300x100 Pixel GIF, JPEG oder PNG, Max. 15 KB pro Motiv SKYSCRAPER 34

35 Technische Spezifikationen Interaktive mobile Formate Mobile Interstitial Ein bildschirmfüllendes Werbeformat, das vom Nutzer geschlossen werden kann oder sich nach 5 Sekunden selbständig schließt. 320x416 Pixel GIF, JPEG oder PNG, Max. 25 KB SUPERBANNER Mobile Reveal Ad Das Werbemittel expandiert beim Seitenaufruf automatisch und schiebt den Content dabei nach unten. Nach 5 Sekunden zieht sich die Werbefläche wieder zusammen. expandiert auf max. 300 x 250 Pixel GIF, JPEG oder PNG, Max. 40 KB Mobile Expandable Ad Werbeformat, das durch Nutzeraktion (klicken oder ziehen) expandiert und sich über den Content legt. expandiert auf max. 320 x 416 Pixel GIF, JPEG oder PNG, Max. 25 KB Reminder: MCA 4:1 oder 6:1 SKYSCRAPER 35

36 Technische Spezifikationen Interaktive mobile Formate Mobile Pre-Expandable Ad Automatisch expandierendes Werbeformat, welches sich über den Content legt. Kann durch Nutzeraktion SUPERBANNER (Close Button) minimiert werden und schließt sich nach 5 Sekunden automatisch. expandiert auf max. 320 x 416 Pixel GIF, JPEG oder PNG, Max. 25 KB Reminder: MCA 4:1 oder 6:1 Mobile Sticky Ad Werbemittel ist fest oberhalb der Menüleiste oder am unteren Rand der mobilen Website platziert und verweilt dort bis zu 10 Sekunden. Nach Ablauf der 10 Sekunden oder durch Nutzerinteraktion blendet sich das Werbemittel nach unten aus. 300 x 50 Pixel GIF, JPEG oder PNG, Max. 20 KB Reminder: MCA 4:1 oder 6:1 Mobile Video Das Mobile Video Interstitial ist eine Werbeform für die Smartphone Geräteklasse. Sie können vom Nutzer geschlossen werden und schließen. Das Video in bestmöglicher Qualität (so wenig wie möglich komprimiert). Mindestauflösung des Videos: 726 x 409 px (16:9); je höher die Qualität desto besser. SKYSCRAPER 36

37 Sie haben Fragen? Wir helfen Ihnen gerne weiter. Ansprechpartner: Christine Gerth Senior Produktmanagerin Digital Tel.: Fax.: Melanie Sauer Junior Produktmanagerin Digital Tel.: Fax.: