TECHNISCHE SPEZIFIKATIONEN 2015
WERBEFORMEN INHALT Überblick Display Ads Seite 3-4 Standardwerbeformen Seite 5-8 Premium Ad Package Seite 9-15 Sonderwerbeformen Seite 16-20 Custom Solution Seite 21-25 In-Stream Seite 26 Mobile Werbeformen Seite 27-31 Technische Anforderungen Redirects/Expandable Werbemittel Seite 30 Streaming Werbemittel Seite 31 HTML 5 Spezifikationen Seite 32-33 Werbemittel mit Sound/Customize Seite 34 Materialanlieferung und Kontakt Seite 35 Seite 2
ÜBERBLICK DISPLAY ADS IN PAGE ADS STANDARDWERBEFORMEN PREMIUM AD-PACKAGE SONDERWERBEFORMEN CUSTOM SOLUTION SUPERBANNER (S. 5) HALFPAGE AD (S. 8) WALLPAPER (S. 15) ADVERTORIAL (S. 20) SKYSCRAPER (S. 6) BILLBOARD AD (S. 9) FIREPLACE AD (S. 16) MICROSITE (S. 21) MEDIUM RECTANGLE (S. 7) BANDEROLE AD (S. 10) INTERSTITIAL (S. 17) NEWSLETTER SPONSORING (S. 22) PUSHDOWN AD (S. 11) HOMEPAGE-TAKEOVER (S. 18) CUSTOMIZED NEWSLETTER (S. 23) BASEBOARD AD (S. 12) HOMEPAGE-EINFÄRBUNG (S. 19) SPONSORING THEMENSPECIAL (S. 24) MAXI AD (S. 13) SITEBAR AD (S. 14) IN-STREAM PRE-ROLL (S. 25) Seite 3
ÜBERBLICK MOBILE ADS MOBILE WEBSEITE VOGUE MOBILE INTERSTITIAL (S. 26) MOBILE BILLBOARD AD (S. 28) MOBILE BANNER (S. 27) MOBILE COLORING (S. 28) MOBILE MEDIUM RECTANGLE (S. 27) MOBILE GESTURE AD (S. 29) ALLE BANNER SIND AUCH VIDEOFÄHIG Seite 4
STANDARDWERBEFORMEN SUPERBANNER SUPERBANNER TECHNISCHE SUPERBANNER (SB) Standardgröße: alternativ 728x90 px 1000x110 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 SKYSCRAPER TECHNISCHE SKYSCRAPER (SKY) 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 MEDIUM RECTANGLE TECHNISCHE MEDIUM RECTANGLE (MRT) 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
PREMIUM AD PACKAGES HALFPAGE AD TECHNISCHE HALFPAGE AD (HPA) Standardgröße: 300x600 px max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif Anlieferung 3rd-Party-Tag: jpg/gif/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB HALFPAGE AD Seite 8
PREMIUM AD PACKAGES BILLBOARD AD TECHNISCHE BILLBOARD AD (BBA) BILLBOARD AD Standardgröße: 1000x250 px 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 BANDEROLE AD TECHNISCHE BANDEROLE AD (BA) 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 10
PREMIUM AD PACKAGES PUSHDOWN AD PUSHDOWN AD TECHNISCHE PUSHDOWN AD (PD) Standardgröße: alternativ 728x90 px 1000x90 px Expandierter Zustand: alternativ 728x300 px 1000x300 px 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 11
PREMIUM AD PACKAGES BASEBOARD AD TECHNISCHE BASEBOARD AD (BSA) Standardgröße: alternativ Expandierter Zustand: alternativ 728x90 px 1000x110 px 728x220 px 1000x220 px 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 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 BASEBOARD AD Seite 12
PREMIUM AD PACKAGES MAXI AD TECHNISCHE MAXI AD (MAXI) 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 13
PREMIUM AD PACKAGES SITEBAR AD TECHNISCHE SITEBAR AD (SBA) -50% Minimale Größe: alternativ 160x600 px 200x600 px Dynamisches Sticky Ad, passt sich der Bildschirmgröße an Skalierung zwischen -50% und +100% Maximale Größe: 400x1200 px SITEBAR AD max. 80kB Anlieferung 3rd-Party-Tag: jpg/gif/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 14
SONDERWERBEFORMEN WALLPAPER WALLPAPER TECHNISCHE WALLPAPER (WP): 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 je Banner Fallback: erforderlich Anlieferung physisch: jpg/gif Anlieferung 3rd-Party-Tag: jpg/gif/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 15
SONDERWERBEFORMEN FIREPLACE AD FIREPLACE AD TECHNISCHE FIREPLACE AD (FPA) Superbanner: altenativ Skyscraper links: alternativ Skyscraper rechts: 1000x90 px 1000x110 px 120x600 px 200x600 px 200x600 px Eine vollständige Darstellung des gesamten Werbemittels wird ab einer Auflösung von 1.600 px garantiert. Die Skyscrapers docken seitig an 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 16
SONDERWERBEFORMEN INTERSTITIAL TECHNISCHE INTERSTITIAL (IS) Standardgröße: Empfehlung Fullscreen 1200x800 px INTERSTITIAL 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 Schließen Button erforderlich Auto-Close nach 15 Sek. Seite 17
SONDERWERBEFORMEN HOMEPAGE TAKEOVER FIREPLACE AD TECHNISCHE HOMEPAGE TAKEOVER Setzt sich zusammen aus Fireplace Ad und Billboard Ad. BILLBOARD AD Bitte beide Werbemittel separat anliefern. Bitte beachten, dass die Position des Billboard Ads je nach Seite variieren kann. max. 80kB Fallback: erforderlich Anlieferung physisch: jpg/gif Anlieferung 3rd-Party-Tag: jpg/gif/html5 3rd-Party-Tag Streaming: Nachladen max. 2MB Seite 18
SONDERWERBEFORMEN HOMEPAGEEINFÄRBUNG TECHNISCHE HOMEPAGEEINFÄRBUNG (HPE) 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 19
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. Beinhaltet eine einmalige Teaserintegration im redaktionellen Newsletter. Textmaterial: Pressemitteilungen, Bildunterschriften etc. Hochauflösendes Bildmaterial (Galerie möglich) Videos, Youtube-Links TEASER NEWSLETTER - INTEGRATION Optional Gewinnspiel Trackingelemente: ClickCommands Seite 20
CUSTOM SOLUTION PROMOTION CAMPAIGN 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, Bildunterschriften etc. Hochauflösendes Bildmaterial (Galerie möglich) Videos, Youtube-Links Optional Gewinnspiel Trackingelemente: ClickCommands Seite 21
CUSTOM SOLUTION NEWSLETTER SPONSORING TECHNISCHE NEWSLETTER-SPONSORING Standardgröße: 600x200 px Anlieferung physisch: Tracking: max. 80kB jpg/gif ClickCommand Seite 22
CUSTOM SOLUTION CUSTOMIZED NEWSLETTER TECHNISCHE CUSTOMIZED NEWSLETTER Ein Newsletter im Look & Feel des Kunden. Content bestimmt der Kunde. Absender ist die jeweilige Webseite. Textmaterial: Pressemitteilungen, Bildunterschriften etc. Hochauflösendes Bildmaterial Verlinkungen Optional Trackingelemente: ClickCommands Seite 23
CUSTOM SOLUTION SPONSORING THEMENSPECIAL TECHNISCHE SPONSORING THEMENSPECIAL Sponsoring von einem redaktionellen Special Bestandteile Display Ads Homepage-Einfärbung (Produktion durch Condé Nast) oder Fireplace Ad co-branded Banner co-branded Header 728x90 px 300x250 px 160x600 px 1000x250 px Logo des Kunden PNG, EPS, JPEG, GIF Seite 24
IN-STREAM PRE-ROLL TECHNISCHE PRE-ROLL Empfohlene Größe: Spotlänge: 818x460 px max. 30 Sek. Format: Anlieferung physisch: Anlieferung 3rd-Party-Tag: max. 10MB AVI, MOV, WMV, MP4, MPG s. Formate, kein Flash VAST 1-Standard Seite 25
MOBILE WEBSEITE MOBILE INTERSTITIAL TECHNISCHE MOBILE INTERSTITIAL (MIS) Landscapeformat: Portraitformat: 920x498 px 600x792 px 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 26
MOBILE WEBSEITE MOBILE MEDIUM RECTANGLE / MOBILE BANNER TECHNISCHE MOBILE MEDIUM RECTANGLE (MMRT) Standardgröße: 640x160 px MOBILE BANNER MOBILE BANNER (MBA) Standardgröße: 640x100 px Click-to-Video möglich MOBILE MEDIUM RECTANGLE Anlieferung physisch: Trackingelemente: Landingpage: max. 40KB jpg, gif Zählpixel ClickCommand mobile-fähig, kein Flash Seite 27
MOBILE WEBSEITE MOBILE COLORING TECHNISCHE MOBILE COLORING (MCO) (beinhaltet ein Mobile Billboard Ad) MOBILE COLORING Info: Das Mobile Coloring wird von Condé Nast erstellt Benötigtes Material: Hochauflösendes Bildmaterial im JPEG /GIF Format HEX-Code für Hintergrund, nur Pastellfarben erlaubt Click-to-Video möglich MOBILE BILLBOARD AD MOBILE BILLBOARD AD (MBBA): 2:1 Standardgröße: 640x320 px Anlieferung physisch: Trackingelemente: Landingpage: max. 40KB jpg, gif Zählpixel ClickCommand mobile-fähig, kein Flash Seite 28
MOBILE WEBSEITE MOBILE GESTURE AD TECHNISCHE MOBILE GESTURE AD (MAG): 2:1 Standardgröße: 640x320 px Motiv 1 Motiv 2 Motiv 3 Info: 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 Anlieferung physisch: Trackingelemente: Landingpage: max. 40KB jpg, gif Zählpixel ClickCommand mobile-fähig, kein Flash Seite 29
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 (siehe Tabelle) 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 30
TECHNISCHE STREAMING WERBEMITTEL 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 Loops: keine Begrenzung Seite 31
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 32
TECHNISCHE HTML 5 Guidelines 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 33
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 34
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) Telefon: (089) 38104 375 E-Mail: thomas.fischer@condenast.de Mariel Santos (Ad-/ Kampagnenmanager) Telefon: (089) 38104 691 E-Mail: mariel.santos@condenast.de Simon Bubenzer (Junior Ad-/ Kampagnenmanager) Telefon: (089) 38104 234 E-Mail : simon.bubenzer@condenast.de Seite 35