Technische Spezifikationen für Standard- und Sonderwerbeformate Digital

Transkript

1 Technische Spezifikationen für Standard- und Sonderwerbeformate Digital

2 WERBEFORMEN INHALT Überblick Display Ads Seite 3 Standardwerbeformen Seite 4-7 Premium Ad Package Seite 8-14 Sonderwerbeformen Seite Custom Solution Seite In-Stream Seite 25 Technische Anforderungen Redirects/Expandable Werbemittel Seite 26 Layer Werbemittel/Streaming Werbemittel Seite 27 Flash Spezifikationen Seite 28 HTML 5 Spezifikationen Seite Werbemittel mit Sound/Customize Seite 31 Materialanlieferung und Kontakt Seite 32 Seite 2

3 ÜBERBLICK DISPLAY ADS IN PAGE ADS STANDARDWERBEFORMEN PREMIUM AD PACKAGE SONDERWERBEFORMEN CUSTOM SOLUTION SUPERBANNER (S. 4) HALFPAGE AD (S.8) WALLPAPER (S.15) ADVERTORIAL (S.20) EXPANDABLE SUPERBANNER (S.4) SIDE KICK AD (S.8) EXPANDABLE WALLPAPER (S.15) MICROSITE (S.21) SKYSCRAPER (S.5) BILLBOARD AD (S.9) FIREPLACE AD (S.16) SPONSORING THEMENSPECIAL (S.22) EXPANDABLE SKYSCRAPER (S.5) BANDEROLE AD (S.10) INTERSTITAL (S. 17) NEWSLETTER INTEGRATION (S.23) MEDIUM RECTANGLE (S.6) PUSHDOWN AD (S.11) HOMEPAGE-TAKEOVER (S. 18) CUSTOMIZED NEWSLETTER (S.24) LAYER (S.7) BASEBOARD AD (S.12) HOMEPAGE-EINFÄRBUNG (S. 19) MAXI AD (S.13) SITEBAR AD (S.14) IN-STREAM PRE-ROLL (S. 25) Seite 3

4 STANDARDWERBEFORMEN SUPERBANNER SUPERBANNER TECHNISCHE Standardgröße: alternativ 728x90 px 1000x110 px EXPANDABLE SUPERBANNER Expandierter Zustand: alternativ Expansions-Richtung: 728x300 px 1000x300 px nach unten max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif/swf Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 4

5 STANDARDWERBEFORMEN TECHNISCHE SKYSCRAPER SKY- SCRAPER Standardgröße: alternativ EXPANDABLE SKYSCRAPER Expandierter Zustand: Expansions-Richtung: 160x600 px 200x600 px 420x600 px nach links max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif/swf Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 5

6 STANDARDWERBEFORMEN TECHNISCHE MEDIUM RECTANGLE Standardgröße: 300x250 px MEDIUM RECTANGLE MEDIUM RECTANGLE max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif/swf Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 6

7 STANDARDWERBEFORMEN TECHNISCHE LAYER X Standardgröße: 400x400 px LAYER max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif/swf Schließen Button nicht erforderlich Auto-Close nach 10 Sek. Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 Schließen Button erforderlich Auto-Close nach 10 Sek. 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 7

8 PREMIUM AD PACKAGES TECHNISCHE SIDE KICK AD SIDEKICK AD Standardgröße: Expandierter Zustand: 200x600 px 420x600 px PreExpand und initiales Expandieren Schließen durch MouseOut oder ClickOut AutoClose nach 7 Sekunden HALFPAGE AD Standardgröße: 300x600px HALFPAGE AD max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif/swf Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 8

9 PREMIUM AD PACKAGES TECHNISCHE BILLBOARD AD BILLBOARD AD Standardgröße: 1000x250 px max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif/swf Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 9

10 PREMIUM AD PACKAGES BANDEROLE AD Standardgröße: 770x250 px Banderole Container mit allen Close-Funktionen wird von Condé Nast geliefert Hexcode wählbar BANDEROLE AD X Schließen max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif/swf Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 10

11 PREMIUM AD PACKAGES PUSHDOWN AD TECHNISCHE PUSHDOWN AD Standardgröße: alternativ 728x90 px 1000x90 px Expandierter Zustand: alternativ 728x300 px 1000x300 px BANDEROLE AD PushDown-Funktion Schließen durch MouseOut oder ClickOut AutoClose nach 7 Sekunden max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif/swf Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 11

12 PREMIUM AD PACKAGES TECHNISCHE BASEBOARD AD Standardgröße: alternativ Expandierter Zustand: alternativ 728x90 px 1000x110px 728x220 px 1000x220px Expandable-Funktion muss im Werbemittel hinterlegt werden (RollOver/RollOut). Schließen-Button wird von CN implementiert. Hintergrundfarbe (Hexcode) oder Background- Image (x-repeat) können eingebaut werden. BASEBOARD AD X Schließen max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif/swf Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 12

13 PREMIUM AD PACKAGES TECHNISCHE MAXI AD Standardgröße: 640x480 px MAXI AD max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif/swf Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 13

14 PREMIUM AD PACKAGES TECHNISCHE SITEBAR AD -50% Minimale Größe: alternativ Max. Größe: 160x600px 200x600px 400x1200 px Dynamisches Sticky Ad, passt sich der Bildschirmgröße an Skalierung zwischen -50% und +100% SITEBAR AD max. 80kB Fallback: erforderlich Anlieferung physisch: swf Frei skalierbares swf erforderlich Anlieferung 3rd-Party-Tag: swf/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 14

15 SONDERWERBEFORMEN WALLPAPER TECHNISCHE WALLPAPER (SUPERBANNER + SKYSCRAPER) EXP. WALLPAPER Standardgröße: Alternative Größe: 728x90 px + 160x600 px 1000x110 px + 160x600 px EXPANDABLE WALLPAPER Expandierter Zustand Skyscraper: 420x600 px Skyscraper kann von links oder von unten an den Superbanner andocken max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif/swf Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 15

16 SONDERWERBEFORMEN FIREPLACE AD TECHNISCHE FIREPLACE AD Superbanner: Skyscraper links: alternativ Skyscraper rechts: 1000x90 px 120x600 px 200x600 px 200x600 px Eine vollständige Darstellung des gesamten Werbemittels wird ab einer Auflösung von px garantiert. max. 80kB 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 Seite 16

17 SONDERWERBEFORMEN TECHNISCHE INTERSTITIAL INTERSTITIAL Standardgröße: Empfehlung Fullscreen 1000x700 px max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif/swf Schließen Button nicht erforderlich Auto-Close nach 10 Sek. HEX-Code für Opacity, min. 80% Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 Schließen Button erforderlich Auto-Close nach 10 Sek. Opacity min. 80% 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 17

18 SONDERWERBEFORMEN FIREPLACE AD TECHNISCHE HOMEPAGE TAKEOVER BILLBOARD AD Setzt sich zusammen aus Fireplace Ad und Billboard Ad Bitte beide Werbemittel separat anliefern. max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif/swf Anlieferung 3rd-Party-Tag: jpg/gif/swf/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 18

19 SONDERWERBEFORMEN TECHNISCHE HOMEPAGE-EINFÄRBUNG Statische Hintergrund-Einfärbung der Webseite im Look&Feel des Kunden Produktion erfolgt durch Condé Nast Anlieferung von hochauflösendem Bildmaterial ggf. Mock-Up CD/CI-Guidelines der Marke Ornamente und Logos als Vektorgrafik HEX-Code für Farbgebung Vorlaufzeit 10 Werktage Seite 19

20 CUSTOM SOLUTION TECHNISCHE ADVERTORIAL Eine bis zu 3-seitige redaktionell gestaltete Anzeige die exklusiv auf den Kunden zugeschnitten und mit der Kennzeichnung Anzeige versehen wird. NEWSLETTER INTEGRATION Beinhaltet eine einmalige Teaserintegration im redaktionellen Newsletter. Anbindung auf der Website über zwei Promotionteaser. Textmaterial: Pressemitteilungen, Produktbeschreibungen etc. Briefing Hochauflösendes Bildmaterial (Galerie möglich) Videos, Youtube-Links Optional Gewinnspiel Trackingelemente: ClickCommands Seite 20

21 CUSTOM SOLUTION CUSTOMIZED ADVERTISING TECHNISCHE MICROSITE Eine Site-in-Site Lösung im Look & Feel des Kunden. Beinhaltet eine einmalige Teaserintegration im redaktionellen Newsletter. Anbindung auf der Website über zwei Promotionteaser. Textmaterial: Pressemitteilungen, Produktbeschreibungen etc. Briefing Hochauflösendes Bildmaterial Videos, Youtube-Links Optional Gewinnspiel Trackingelemente: ClickCommands und Zählpixel für die Microsite Seite 21

22 CUSTOM SOLUTION TECHNISCHE Co-branded HEADER SPONSORING THEMENSPECIAL Sponsoring von einem redaktionellen Special Beinhaltet eine einmalige Teaserintegration im redaktionellen Newsletter. Anbindung auf der Website über zwei Promotionteaser. Bestandteile Display Ads Produktion durch den Condé Nast Homepage-Einfärbung co-branded Banner co-branded Header Logo des Kunden PNG, EPS Material für die Homepageeinfärbung (siehe Seite 19) Seite 22

23 CUSTOM SOLUTION NEWSLETTER ADVERTISING TECHNISCHE NEWSLETTER-INTEGRATION Standardgröße: 600x200 px Anlieferung physisch: Tracking: max. 80kB jpg/gif ClickCommand Seite 23

24 CUSTOM SOLUTION NEWSLETTER ADVERTISING TECHNISCHE CUSTOMIZED NEWSLETTER Ein Newsletter im Look & Feel des Kunden. Content bestimmt der Kunde. Absender ist die jeweilige Webseite Textmaterial: Pressemitteilungen, Produktbeschreibungen etc. Briefing Hochauflösendes Bildmaterial Verlinkung Optional Trackingelemente: ClickCommands Seite 24

25 IN-STREAM TECHNISCHE PRE-ROLL Empfohlene Größe: Spotlänge: 818x460 px max. 30 Sek. Format: max. 10MB MP4 Anlieferung physisch: s. Formate, kein Flash Anlieferung 3rd-Party-Tag: VAST 1-Standard Seite 25

26 TECHNISCHE 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"); } Seite 26

27 TECHNISCHE LAYER WERBEMITTEL Standard-Layer (gilt nicht für Banderole und Interstitial) sind mit einem AutoClose von 10 Sek. und einem Schließen-Button ( X oder Schließen ) zu versehen. Die Positionierung wird durch Condé Nast vorgenommen, so dass Redirects mit entsprechenden Positionierungs-Variablen versehen werden müssen. Layer-Werbemittel dürfen nach dem Schließen keine transparenten Flächen mehr hinterlassen. Der Object-Parameter muss auf wmode=transparent gestellt werden. Flash Befehle: geturl fscommand geturl fscommand geturl(_root.opentag, "_self"); on(release) { fscommand("show"); } on(release) { geturl(_root.closetag, "_self"); } on(release) { fscommand("close"); } 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 Seite 27

28 TECHNISCHE 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 Seite 28

29 TECHNISCHE 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 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. Seite 29

30 TECHNISCHE HTML 5 Guidlines Guidelines des IAB zu HTML5 Werbemitteln finden Sie hier: 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. Seite 30

31 TECHNISCHE 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. Seite 31

32 MATERIALANLIEFERUNG UND KONTAKT Bitte liefern Sie das Material per an 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- /Campaignmanagement) Phone : (089) mailto: thomas.fischer@condenast.de Simon Bubenzer (Düsseldorf) (Ad-/ Campaignmanager) Phone: (089) mailto: simon.bubenzer@condenast.de Olga Balik (Hamburg, Berlin) (Ad- / Campaignmanager) Phone : (089) mailto: olga.balik@condenast.de Mariel Santos (Frankfurt) (Ad-/ Campaignmanager) Phone: (089) mailto: mariel.santos@condenast.de Jennifer Haug (München, Stuttgart) (Ad-/ Campaignmanager) Phone: (089) mailto: jennifer.haug@condenast.de Seite 32