Architectural Digest Online Technische Spezifikationen für Standard- und Sonderwerbeformate Digital
WERBEFORMEN INHALT Überblick Display Ads Seite 3 Standardwerbeformen Seite 4-5 Sonderwerbeformen Seite 6-7 Custom Solution Seite 8-9 Technische Anforderungen Redirects Seite 10 Streaming Werbemittel Seite 11 Flash Spezifikationen Seite 12 HTML 5 Spezifikationen Seite 13-14 Werbemittel mit Sound/Customize Seite 15 Materialanlieferung und Kontakt Seite 16 2
ÜBERBLICK DISPLAY ADS IN PAGE ADS STANDARDWERBEFORMEN SONDERWERBEFORMEN CUSTOM SOLUTION SUPERBANNER (S. 4) WALLPAPER (S. 6) ADVERTORIAL (S. 8) SKYSCRAPER (S. 5) FIREPLACE AD (S. 7) SPONSORING THEMENSPECIAL (S. 9) 3
STANDARDWERBEFORMEN SUPERBANNER TECHNISCHE ANFORDERUNGEN SUPERBANNER Standardgröße: alternativ 728x90 px 1000x110 px ANFORDERUNGEN Dateigröße: max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif/swf Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Weitere Informationen ab Seite 10 4
STANDARDWERBEFORMEN TECHNISCHE ANFORDERUNGEN SKYSCRAPER SKY- SCRAPER Standardgröße: alternativ 160x600 px 200x600 px ANFORDERUNGEN Dateigröße: max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif/swf Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Weitere Informationen ab Seite 10 5
SONDERWERBEFORMEN WALLPAPER TECHNISCHE ANFORDERUNGEN WALLPAPER (SUPERBANNER + SKYSCRAPER) WALLPAPER Standardgröße: Alternative Größe: 728x90px+160x600px 1000x110px+160x600px ANFORDERUNGEN Dateigröße: max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif/swf Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Weitere Informationen ab Seite 10 6
SONDERWERBEFORMEN TECHNISCHE ANFORDERUNGEN FIREPLACE AD FIREPLACE AD Superbanner: Skyscraper links: Skyscraper rechts: 1000x90 px 200x600 px 200x600 px Eine vollständige Darstellung des gesamten Werbemittels wird ab einer Auflösung von 1.200 px garantiert. ANFORDERUNGEN Dateigröße: max. 80kB pro Banner Fallback: erforderlich Anlieferung physisch: 3 Banner, jpg/gif/swf Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 Positionierungsvariablen erforderlich 3rd-Party-Tag Streaming: Nachladen max. 2MB Weitere Informationen ab Seite 10 7
CUSTOM SOLUTION TECHNISCHE ANFORDERUNGEN ADVERTORIAL NEWSLETTER INTEGRATION Eine redaktionell gestaltete Anzeige die exklusiv auf den Kunden zugeschnitten und mit der Kennzeichnung Anzeige versehen wird. Beinhaltet eine einmalige Teaserintegration in den redaktionellen Newsletter ANFORDERUNGEN Textmaterial: Produktbeschreibung, etc Briefing Hochauflösendes Bildmaterial Videos, Youtube-Links NLI Optional Gewinnspiel Trackingelemente: ClickCommands 8
CUSTOM SOLUTION FIREPLACE AD TECHNISCHE ANFORDERUNGEN SPONSORING THEMENSPECIAL Logo Sponsoring von einem redaktionellen Special Header Bestandteile Display Ads Produktion durch Condé Nast co-branded Banner co-branded Header FPA ANFORDERUNGEN Logo des Kunden PNG, EPS, JPEG, GIF Hochauflösendes Bildmaterial Optional Trackingelemente: ClickCommands und Zählpixel Weitere Informationen ab Seite 10 9
TECHNISCHE ANFORDERUNGEN REDIRECTS In den meisten Fällen können Redirects der gängigen Anbieter verwendet werden. Bitte stellen Sie sicher, dass die Redirects entsprechende Platzhalter beinhalten, die eine Klickzählung ermöglichen. Zudem können bei der Verwendung physischer Werbemittel ein ClickCommand zur Zählung der Klicks und ein Zählpixel zur Zählung der AdImpressions angeliefert werden. Condé Nast behält sich vor, Redirects abzulehnen, bei denen das Werbemittel über mehr als einen Drittanbieter getrackt wird. EXPANDABLE WERBEMITTEL die Werbemittel dürfen nur auf User-Aktion onmouseover oder onclick expandieren das Werbemittel muss durch mouseout wieder unmittelbar geschlossen werden ein Schließen Button ist notwendig bei Useraktion onclick Pre-Expandable ist nicht erlaubt. Anlieferung als Flash-Datei oder als JavaScript-Redirect FS-Commands im Flash: geturl fscommand geturl fscommand Expand Banner on(release) { geturl(_root.expandtag, "_self"); } on(release) { fscommand("expand"); } Collapse Banner on(rollout) { geturl(_root.collapsetag, "_self"); } on(rollout) { fscommand("collapse"); } 10
TECHNISCHE ANFORDERUNGEN STREAMING WERBEMITTEL Streamings können nur über die Anlieferung von Redirects umgesetzt werden. Sound und Wiederholungen bedürfen der Initiierung durch den User (onclick). Initial Load: siehe Dateigröße Nachladen bis max. 2 MB möglich 11
TECHNISCHE ANFORDERUNGEN FLASH SPEZIFIKATIONEN Werbemittel müssen mit entsprechenden Klickvariablen angeliefert werden. Die Verwendung von hardcodierten Verlinkungen ist nicht erlaubt. ActionScript 1 und 2: In der Zeitleiste wird in der obersten Ebene ein Button definiert, der folgende Information enthält. (siehe Tabelle rechts) ActionScript 1+2 geturl (Flash version 6 and higher) on (release) { geturl(_root.clicktag, "_blank"); } ActionScript 3 Werbemittel müssen auf Einsatzfähigkeit überprüft werden. Multi-URL: Bei der Verwendung mehrerer clicktag-variablen müssen diese wie Single-clicktags programmiert werden. Um die clicktags unterscheiden zu können, bedarf es der Ergänzung der Variablen um nachgestellter Ziffern (clicktag1, clicktag2 etc.). _blank: Bei Verlinkungen auf externe Ziel-URLs muss der Befehl _blank verwendet werden, um eine neue Seite zu generieren. Loops: keine Begrenzung Bildrate: 18 fps Flashversion: 8 oder höher wmode: bitte auf opaque setzen 12
TECHNISCHE ANFORDERUNGEN HTML 5 HTML File Das ausführende HTML5 Werbemittel sollte in einem einzigen.html File ausgeführt werden. Keines der angelieferten.html Files darf mit index.html benannt sein. Filehierarchie und Ordnerstruktur Die Ebenen- und Ordnerstruktur sollte maximal eine Ebene enthalten (Skripte, Images, etc.) Fileanzahl und Code-Komprimierung Um die Server Requests zu minimieren sollte die Anzahl der Einzelelemente ist so gering wie möglich gehalten werden. Animation Mehrere gleichzeitig laufende Animationen und überlappende transparente Grafiken sind zu vermeiden. Der Einsatz von CSS3 oder Javascript Animationen ist mit Bedacht auf die CPU und GPU Auslastung zu wählen. Browserkompatibilität und Fallback Da nicht alle gewünschten Features oder Libraries von jedem Browser unterstützt werden, sollte darauf geachtet werden, dass ein Fallback JPG oder GIF ausgespielt wird, sollte die fehlende Unterstützung durch Browser zu nicht darstellbaren Werbemitteln führen. Die Werbemittel sind seitens der Kreativagentur auf allen gängigen Browsern zu testen. Condé Nast behält sich vor bestimmte Browserversionen von der Auslieferung der Werbemittel auszuschließen. Frameworks, Libraries und Namespaces HTML5 Werbemittel werden auf den Websites in einem Frame ausgespielt, um zu verhindern, dass keine Konflikte mit den Funktionalitäten der Webseite auftreten. Innerhalb unseres Frames können Frameworks und Libraries (z.b. Bootstrap) eingebunden werden. Bei Nutzung globaler Javascript Variablen sollten diese in einem eigenen Namespace laufen oder alternativ klar benannt werden. Ebenso sind Bezeichnungen für die Vergabe von HTML IDs sowie ID-, Class- und Type Selektoren in CSS eindeutig zu wählen. 13
TECHNISCHE ANFORDERUNGEN HTML 5 Guidlines Guidelines des IAB zu HTML5 Werbemitteln finden Sie hier: http://www.iab.net/html5 http://www.iab.net/media/file/html5dav101.pdf Anlieferung Die Anlieferung des HTML5-Werbemittels erfolgt an den Vermarkter, die Mediaagentur oder das Medium als komprimiertes ZipArchiv, das alle Elemente des Werbemittels enthalten muss, ausgenommen extern zugeladenen Libraries oder Fonts. Im Zip-Archiv muss.html-datei (nicht index.html) enthalten sein und alle eingebundenen Skripte und Elemente müssen relativ verlinkt sein. Bei externem Hosting müssen absolute Verlinkungen genutzt werden. Alternativ kann ein Redirect geliefert werden. Auch in diesem Fall gelten alle oben genannten Standards hinsichtlich Dateigröße und Fileanzahl. 14
TECHNISCHE ANFORDERUNGEN WERBEMITTEL MIT SOUND (POLITE BANNER) Werbemittel mit initialem Sound sind nicht erlaubt. Ausnahmen sind Streaming-Werbemittel, die von Beginn an auf Mute eingestellt sind und erst durch Klick auf ein entsprechendes Lautsprecher-Piktogramm aktiviert werden. Die Dauer darf maximal 30 Sekunden betragen. Eine gut sichtbare Audioleiste mit den Befehlen Volume, Start und Stop ist empfehlenswert. Sound darf nicht durch MouseOver initiiert werden. CUSTOMIZE Sollten innerhalb der Kampagnenplanung Werbemittel vorgesehen sein, die nicht unseren Spezifikationen entsprechen, fragen Sie bitte Ihren Sonderwunsch in unserem Account-Team an. Wir planen gerne individuell Ihre Kampagne und besprechen mit Ihnen was realisiert werden kann und was nicht. 15
MATERIALANLIEFERUNG UND KONTAKT Bitte liefern Sie das Material per E-Mail an campaign@condenastdigital.de mit folgenden Informationen: Kundenname und Ansprechpartner Zeitraum Platzierung Werbemittel Ziel-URL Die Vorlaufzeit beträgt: 5 Werktage für: alle Display-Werbemittel alle Video-Werbemittel Thomas Fischer (Teamlead Ad- /Kampagnenmanagement) Phone : (089) 38104 375 mailto: thomas.fischer@condenast.de Mariel Santos (Frankfurt) (Ad-/ Kampagnenmanager) Phone: (089) 38104 691 mailto: mariel.santos@condenast.de Jennifer Haug (München, Stuttgart) (Ad-/ Kampagnenmanager) Phone: (089) 38104 401 mailto: jennifer.haug@condenast.de Simon Bubenzer (Düsseldorf) (Junior Ad- /Kampagnenmanager) Phone : (089) 38104 234 mailto: simon.bubenzer@condenast.de 16