Technische Spezifikationen für Standard- und Sonderwerbeformate Digital
WERBEFORMEN INHALT Überblick Display Ads Seite 3-4 Standardwerbeformen Seite 5-8 Premium Ad Package Seiten 9-15 Sonderwerbeformen Seiten 16-20 Custom Solution Seiten 21-25 In-Stream Seite 26 Mobile Werbeformen Seiten 27-31 Technische Anforderungen Redirects/Expandable Werbemittel Seite 32 Layer Werbemittel/Streaming Werbemittel Seite 33 HTML 5 Spezifikationen Seiten 34-35 Werbemittel mit Sound/Customize Seite 36 Materialanlieferung und Kontakt Seite 37 Seite 2
ÜBERBLICK DISPLAY ADS IN PAGE ADS STANDARDWERBEFORMEN PREMIUM AD-PACKAGE SONDERWERBEFORMEN CUSTOM SOLUTION SUPERBANNER (S. 5) HALFPAGE AD (S.9) WALLPAPER (S.16) ADVERTORIAL (S.21) EXPANDABLE SUPERBANNER (S.5) SIDE KICK AD (S.9) EXPANDABLE WALLPAPER (S.16) MICROSITE (S.22) SKYSCRAPER (S.6) BILLBOARD AD (S.10) FIREPLACE AD (S.17) NEWSLETTER INTEGRATION (S.23) EXPANDABLE SKYSCRAPER (S.6) BANDEROLE AD (S.11) INTERSTITAL (S. 18) CUSTOMIZED NEWSLETTER (S.24) MEDIUM RECTANGLE (S.7) PUSHDOWN AD (S.12) HOMEPAGE-TAKEOVER (S. 19) SPONSORING THEMENSPECIAL (S.25) LAYER (S.8) BASEBOARD AD (S.13) HOMEPAGE-EINFÄRBUNG (S. 20) MAXI AD (S.14) SITEBAR AD (S.15) IN-STREAM PRE-ROLL (S. 26) Seite 3
ÜBERBLICK MOBILE ADS MOBILE WEBSEITE GLAMOUR APP GLAMOUR MOBILE INTERSTITIAL S. 27 MOBILE BILLBOARD AD S. 29 BANNER S. 31 MOBILE BANNER S. 28 MOBILE COLORING S. 29 IN APP INTERSTITIAL S. 31 MOBILE MEDIUM RECTANGLE S. 28 MOBILE GESTURE AD S. 30 SPLASHSCREEN S. 31 ALLE BANNER SIND AUCH VIDEOFÄHIG Seite 4
STANDARDWERBEFORMEN SUPERBANNER SUPERBANNER TECHNISCHE Standardgröße: alternativ 728x90 px 850x110 px EXPANDABLE SUPERBANNER Expandierter Zustand: alternativ Expansions-Richtung: 728x300 px 850x300 px nach unten max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif Anlieferung 3rd-Party-Tag: jpg/gif/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 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 Anlieferung 3rd-Party-Tag: jpg/gif/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 6
STANDARDWERBEFORMEN TECHNISCHE MEDIUM RECTANGLE Standardgröße: 300x250 px MEDIUM RECTANGLE max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif Anlieferung 3rd-Party-Tag: jpg/gif/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 7
STANDARDWERBEFORMEN TECHNISCHE LAYER Standardgröße: 400x400 px LAYER X max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif Schließen Button nicht erforderlich Auto-Close nach 10 Sek. Anlieferung 3rd-Party-Tag: jpg/gif/html5 Schließen Button erforderlich Auto-Close nach 10 Sek. 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 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 Anlieferung 3rd-Party-Tag: jpg/gif/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 9
PREMIUM AD PACKAGES TECHNISCHE BILLBOARD AD Standardgröße: 850x250 px BILLBOARD AD max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif Anlieferung 3rd-Party-Tag: jpg/gif/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 10
PREMIUM AD PACKAGES TECHNISCHE BANDROLE 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 Anlieferung 3rd-Party-Tag: jpg/gif/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 11
PREMIUM AD PACKAGES PUSHDOWN AD TECHNISCHE PUSHDOWN AD Standardgröße: alternativ 728x90 px 850x90 px Expandierter Zustand: alternativ 728x300 px 850x300 px BANDEROLE AD PushDown-Funktion Schließen durch MouseOut oder ClickOut AutoClose nach 7 Sekunden max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif Anlieferung 3rd-Party-Tag: jpg/gif/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 12
PREMIUM AD PACKAGES TECHNISCHE BASEBOARD AD Standardgröße: alternativ Expandierter Zustand: alternativ 728x90 px 850x110px 728x220 px 850x220px 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 Anlieferung 3rd-Party-Tag: jpg/gif/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 13
PREMIUM AD PACKAGES TECHNISCHE MAXI AD Standardgröße: 640x480 px MAXI AD max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif Anlieferung 3rd-Party-Tag: jpg/gif/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 14
PREMIUM AD PACKAGES TECHNISCHE SITEBAR AD -50% Minimale Größe: alternativ 160x600px 200x600px Dynamisches Sticky Ad, passt sich der Bildschirmgröße an Skalierung zwischen -50% und +100% Maximale Größe: 400x1200 px SITEBAR AD max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif Frei skalierbares swf erforderlich Anlieferung 3rd-Party-Tag: jpg/gif/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 15
SONDERWERBEFORMEN WALLPAPER TECHNISCHE WALLPAPER (SUPERBANNER + SKYSCRAPER) EXP. WALLPAPER Standardgröße: Alternative Größe: 728x90 px + 160x600 px 850x110 px + 160x600 px EXPANDABLE WALLPAPER Expandierter Zustand Skyscraper: 420x600 px Skyscraper kann von links oder von unten an den Superbanner andocken max. 80kB je Banner Fallback: erforderlich Anlieferung physisch: jpg/gif Anlieferung 3rd-Party-Tag: jpg/gif/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 16
SONDERWERBEFORMEN FIREPLACE AD TECHNISCHE FIREPLACE AD Superbanner: Skyscraper links: alternativ Skyscraper rechts: 850x90 px 120x600 px 200x600 px 200x600 px Eine vollständige Darstellung des gesamten Werbemittels wird ab einer Auflösung von 1.600 px garantiert. max. 80kB je Banner Fallback: erforderlich Anlieferung physisch: 3 Banner, jpg/gif Anlieferung 3rd-Party-Tag: jpg/gif/html5 Positionierungsvariablen erforderlich 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 17
SONDERWERBEFORMEN TECHNISCHE INTERSTITIAL INTERSTITIAL Standardgröße: Empfehlung Fullscreen 1000x700 px max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif Schließen Button nicht erforderlich Auto-Close nach 10 Sek. HEX-Code für Opacity, min. 80% Anlieferung 3rd-Party-Tag: jpg/gif/html5 Schließen Button erforderlich Auto-Close nach 10 Sek. Opacity min. 80% 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 18
SONDERWERBEFORMEN FIREPLACE AD TECHNISCHE HOMEPAGE TAKEOVER Setzt sich zusammen aus Fireplace Ad und Billboard Ad Bitte beide Werbemittel separat anliefern. BILLBOARD AD FIREPLACE AD Superbanner: Skyscraper links: alternativ Skyscraper rechts: BILLBOARD AD Standardgröße: 850x90 px 120x600 px 200x600 px 200x600 px 850x250 px max. 80kB je Banner Fallback: erforderlich Anlieferung physisch: jpg/gif Anlieferung 3rd-Party-Tag: jpg/gif/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 19
SONDERWERBEFORMEN HOMEPAGE-EINFÄRBUNG 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 und Hintergrundfarbe Vorlaufzeit 10 Werktage Seite 20
CUSTOM SOLUTION ADVERTORIAL TECHNISCHE ADVERTORIAL Eine bis zu 3-seitige redaktionell gestaltete Anzeige die exklusiv auf den Kunden zugeschnitten und mit der Kennzeichnung Anzeige versehen wird. TEASER NEWSLETTER INTEGRATION Beinhaltet eine einmalige Teaserintegration im redaktionellen Newsletter Textmaterial: Pressemitteilungen, Produktbeschreibungen etc. Briefing Hochauflösendes Bildmaterial (Galerie möglich) Videos, Youtube-Links TEASER INTEGRATION Optional Gewinnspiel Trackingelemente: ClickCommands Seite 21
CUSTOM SOLUTION CUSTOMIZED ADVERTISING TECHNISCHE MICROSITE Eine ergänzende produkt- oder aktionsbezogene Site-in-Site Lösung im Look & Feel des Kunden. Beinhaltet eine einmalige Teaserintegration im redaktionellen Newsletter Textmaterial: Pressemitteilungen, Produktbeschreibungen etc. Briefing Hochauflösendes Bildmaterial Videos, Youtube-Links Optional Gewinnspiel Trackingelemente: ClickCommands, Zählpixel für die Microsite Seite 22
CUSTOM SOLUTION HOMEPAGE-EINFÄRBUNG TECHNISCHE SPONSORING THEMENSPECIAL CO-BRANDED HEADER Sponsoring von einem redaktionellen Special Bestandteile Display Ads Produktion durch Condé Nast Homepage-Einfärbung co-branded Banner co-branded Header Anlieferung von hochauflösendem Bildmaterial ggf. Mock-Up CD/CI-Guidelines der Marke Ornamente und Logos als Vektorgrafik HEX-Code für Farbgebung und Hintergrundfarbe Logo des Kunden als PNG, EPS Seite 23
CUSTOM SOLUTION NEWSLETTER ADVERTISING TECHNISCHE NEWSLETTER-INTEGRATION Standardgröße: 600x200 px Anlieferung physisch: Tracking: max. 80kB jpg/gif ClickCommand NEWSLETTER INTEGRATION Seite 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, Produktinformationen Hochauflösendes Bildmaterial Verlinkungen Optional Trackingelemente: ClickCommands Seite 25
IN-STREAM TECHNISCHE PRE-ROLL Empfohlene Größe: Spotlänge: 818x460 px max. 30 Sek. max. 10MB Format: MP4 Anlieferung physisch: s. Formate, kein Flash Anlieferung 3rd-Party-Tag: VAST 1-Standard Seite 26
MOBILE WEBSEITE TECHNISCHE MOBILE INTERSTITIAL Landscapeformat: Portraitformat: 920x498px 600x792px MOBILE INTERSTITIAL Info: Bitte keine Logos und Werbebotschaften in der rechten oberen Ecke platzieren. Hier wird der Schließen-Button automatisch integriert. Click-to-Video möglich Anlieferung physisch: Trackingelemente: Landingpage: max. 40KB jpg, gif Zählpixel ClickCommand mobile-fähig, kein Flash Seite 27
MOBILE WEBSEITE TECHNISCHE MOBILE MEDIUM RECTANGLE Standardgröße: 640x160px MOBILE BANNER Standardgröße: 640x100px MOBILE MEDIUM RECTANGLE MOBILE BANNER Click-to-Video möglich Anlieferung physisch: Trackingelemente: Landingpage: max. 40KB jpg, gif Zählpixel ClickCommand mobile-fähig, kein Flash Seite 28
MOBILE WEBSEITE TECHNISCHE MOBILE COLORING (beinhaltet ein Mobile Billboard Ad) MOBILE COLORING MOBILE BILLBOARD AD Info: Das Mobile Coloring wird von Condé Nast erstellt Benötigtes Material: Hochauflösendes Bildmaterial im JPEG /GIF Format Das zugehörige Billboard Ad ist von Agentur/Kunde anzuliefern HEX-Code für Hintergrund, nur Pastellfarben erlaubt Click-to-Video möglich MOBILE BILLBOARD AD (2:1) Standardgröße: 640x320px Click-to-Video möglich Anlieferung physisch: Trackingelemente: Landingpage: max. 40KB jpg, gif Zählpixel ClickCommand mobile-fähig, kein Flash Seite 29
MOBILE WEBSEITE TECHNISCHE MOBILE GESTURE AD (2:1) Motiv1 Motiv2 Motiv3 Standardgröße: Info: 640x320px Anlieferung von mind. 3-5 Grafiken Reihenfolge der Werbebotschaft bitte kennzeichnen Werbebotschaft so wählen, dass der User zum Swipen animiert wird. Click-to-Video möglich Mobile Gesture Ad Anlieferung physisch: Trackingelemente: Landingpage: max. 40KB jpg, gif Zählpixel ClickCommand mobile-fähig, kein Flash Seite 30
MOBILE APPS TECHNISCHE BANNER Standardgrößen: 320x75px (Bitte beide Größen anliefern) 640x150px IN-APP INTERSTITIAL IN-APP INTERSTITIAL BANNER SPLASH SCREEN Standardgrößen: 320x480px (Bitte beide Größen anliefern) 640x960px SPLASHSCREEN Standardgrößen: 320x430px (Bitte beide Größen anliefern) 600x860px Anlieferung physisch: Trackingelemente: Landingpage: max. 40KB jpg, gif Zählpixel ClickCommand mobile-fähig, kein Flash Seite 31
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 32
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 33
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 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. Seite 34
TECHNISCHE 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. Seite 35
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 36
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 (Düsseldorf) (Teamlead Ad- /Kampagnenmanagement) Phone : (089) 38104 375 mailto: thomas.fischer@condenast.de Mariel Santos (Hamburg) (Ad-/ Kampagnenmanager) Phone: (089) 38104 691 mailto: mariel.santos@condenast.de Julia Kaspar (Frankfurt) (Ad-/ Kampagnenmanager) Phone: (089) 38104 436 mailto: julia.kaspar@condenast.de Tanya Cherneva (München) (Ad-/ Kampagnenmanager) Phone: (089) 38104 401 mailto: tanya.cherneva@condenast.de Seite 37