Technische Spezifikationen
Transcription
Technische Spezifikationen
WZ Digital 2016 Technische Spezifikationen 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| Anlieferung Werbemittel 3| Technische Spezifikationen | Anlieferung Werbemittel Adresse für die Anlieferung per E-Mail [email protected] Angaben für die Betreffzeile der E-Mail • Werbetreibender • Kampagnenname Detailangaben für den Text der E-Mail • 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| Spezifikationen Standardformate 5| 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 • 120-160x600 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| Technische Spezifikationen | Standardformate Wallpaper • Superbanner 728x90 Pixel (expanded: Max. 728x360), Skyscraper max. 120-160x600 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| Spezifikationen Flash 8| 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| 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 | 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: http://www.adobe.com/resources/richmedia/tracking/ 11 | 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=http://www.werbeformen.de&clicktarget=_blank"> Wichtig Wird die Variable innerhalb eines Movieclips in der Hauptanimation verwendet, muss die Variable mit einem vorgestellten _root. eingebaut werden. 12 | 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 | 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 | Spezifikationen HTML5 15 | 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 | 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 DateiLadevorgang 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 | Spezifikationen Sonderformate 18 | 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 | 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 | 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 | Technische Spezifikationen | Streaming in Display-Formate Flash-Video-Tutorials bei Macromedia (Adobe) http://www.adobe.com/de/devnet/flash/video.html 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 | 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 destobesser • 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 SKYSCRAPER SUPERBANNER 23 | Technische Spezifikationen | Wallpaper SKYSCRAPER 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 SUPERBANNER • HEX-Cod für die Einfärbung des Seitenhintergrunds • Ziel URL (Clickcommand) und Zählpixel (wenn gewünscht) 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 | 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 | 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 SKYSCRAPER Hintergrundbild (responsive Skyscraper) • Min. 1000x1500 Pixel • JPG oder PNG • Bild rechtslastig, ohne Text Ziel URL (Clickcommand) und Zählpixel (wenn gewünscht) 26 | 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 SKYSCRAPER 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) 27 | Spezifikationen Native Ads 28 | 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 | 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 | 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, 31 | werden in keinem Fall veröffentlicht. Spezifikationen Mobile Ads 32 | Technische Spezifikationen | Mobile Content Ad Mobile Content Ad 6:1 Standard Werbeformat im mobilen Bereich mit einem Seitenverhältnis von 6:1. • 300x50 Pixel, 600x100 Pixel für RetinaSUPERBANNER 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) SKYSCRAPER 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) 33 | Technische Spezifikationen | Interaktive mobile Formate Mobile Medium Rectangle Das bekannte Medium Rectangle aus dem Display- Bereich, jetzt auch mobile. SUPERBANNER • 300x250 Pixel • GIF, JPEG oder PNG, Max. 40 KB 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 SKYSCRAPER 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 34 | Technische Spezifikationen | Interaktive mobile Formate Mobile Interstitial Ein bildschirmfüllendes Werbeformat, das vom Nutzer geschlossen werden kann oder sich nach 5 SUPERBANNER Sekunden selbständig schließt. • 320x416 Pixel • GIF, JPEG oder PNG, Max. 25 KB 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 SKYSCRAPER 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 35 | 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 SKYSCRAPER 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. 36 | Sie haben Fragen? Wir helfen Ihnen gerne weiter. „ Ansprechpartner: Christine Gerth Senior Produktmanagerin Digital Melanie Sauer Junior Produktmanagerin Digital Tel.: +49 202 717 - 2289 Fax.: +49 202 717 - 2660 [email protected] Tel.: +49 202 717 - 2711 Fax.: +49 202 717 - 2660 [email protected]