p Technische Spezifikationen für Standard- und Sonderwerbeformate Digital 17.03.2017 1
/WERBEFORMEN INHALT Überblick Display Ads Seite 3 Überblick Mobile Ads / Multiscreen Seite 4 Standardwerbeformen Seiten 5-7 Premium Ad Packages Seiten 8-10 Sonderwerbeformen Seiten 11-18 Custom Solution Seiten 19-23 Mobile Werbeformen Seiten 24-26 Redirects/Expandable Werbemittel Seite 27 HTML5 Spezifikationen Seite 28-29 Materialanlieferung und Kontakt Seite 30 17.03.2017 2
/ÜBERBLICK DISPLAY ADS IN PAGE ADS STANDARDWERBEFORMEN PREMIUM AD PACKAGE SONDERWERBEFORMEN CUSTOM SOLUTION SUPERBANNER (S.5) HALFPAGE AD (S.8) WALLPAPER (S.11) ADVERTORIAL (S.19) EXPANDABLE SUPERBANNER (S.5) BILLBOARD AD (S.9) EXPANDABLE WALLPAPER (S.11) MICROSITE (S.20) SKYSCRAPER (S.6) SITEBAR AD (S.10) FIREPLACE AD (S.12) NEWSLETTER INTEGRATION (S.21) EXPANDABLE SKYSCRAPER (S.6) INTERSTITIAL (S.13) CUSTOMIZED NEWSLETTER (S.22) MEDIUM RECTANGLE (S.7) TAKEOVER (S.14) SPONSORING THEMENSPECIAL (S.23) HOMEPAGE-EINFÄRBUNG (S.15) IN-READ (S.16) IN-BOARD (S.17) ROLLOVER (S.18) 17.03.2017 3
/ÜBERBLICK MOBILE ADS / MULTISCREEN MOBILE WEBSEITE GQ MULTISCREEN GQ MOBILE MEDIUM RECTANGLE (S.24) MEDIUM RECTANGLE (S.7) MOBILE BILLBOARD AD (S.25) MOBILE COLORING (S.25) MOBILE GESTURE AD (S.26) MULTISCREEN BILLBOARD AD (S.25) MOBILE BILLBOAD AD (S.24) MULTISCREEN SUPERBANNER (S. 5) MOBILE MEDIUM RECTANGLE (S. 24) 17.03.2017 4
/STANDARDWERBEFORMEN SUPERBANNER SUPERBANNER SUPERBANNER Standardgröße alternativ 728x90 px Bis zu 1000x110 px EXPANDABLE SUPERBANNER Expandierter Zustand Expansions-Richtung 728x300 px Nach unten Dateigröße Fallback Anlieferung physisch Anlieferung 3rd Party Tag max. 200kb erforderlich Streaming Nur 3rd Party Tag Nachladen max. 2MB Sound und Wiederholungen bedürfen der Initiierung durch User (onclick) *HTML5 Besonderheiten siehe Seite 28 17.03.2017 5
/STANDARDWERBEFORMEN SKYSCRAPER SKYSCRAPER (SKY) Standardgröße alternativ 160x600 px 200x600 px SKYSCRAPER EXPANDABLE SKYSCRAPER Expandierter Zustand Expansions-Richtung 420x600 px nach links Dateigröße Fallback Anlieferung physisch Anlieferung 3rd Party Tag max. 200kb erforderlich 3rd-Party-Tag Streaming Nur 3rd Party Tag Nachladen max. 2MB Sound und Wiederholungen bedürfen der Initiierung durch User (onclick) *HTML5 Besonderheiten siehe Seite 28 17.03.2017 6
/STANDARDWERBEFORMEN MEDIUM RECTANGLE MEDIUM RECTANGLE (MRT) Standardgröße 300x250 px Dateigröße Fallback Anlieferung physisch Anlieferung 3rd Party Tag max. 200kb erforderlich MEDIUM RECTANGLE 3rd-Party-Tag Streaming Nur 3rd Party Tag Nachladen max. 2MB Sound und Wiederholungen bedürfen der Initiierung durch User (onclick) *HTML5 Besonderheiten siehe Seite 28 17.03.2017 7
/PREMIUM AD PACKAGES HALFPAGE AD HALFPAGE AD (HPA) Standardgröße 300x600 px Dateigröße Fallback Anlieferung physisch Anlieferung 3rd Party Tag max. 200kb erforderlich HALFPAGE AD 3rd-Party-Tag Streaming Nur 3rd Party Tag Nachladen max. 2MB Sound und Wiederholungen bedürfen der Initiierung durch User (onclick) *HTML5 Besonderheiten siehe Seite 28 17.03.2017 8
/PREMIUM AD PACKAGES BILLBOARD AD BILLBOARD AD (BBA) Standardgröße 1000x250 px Dateigröße Fallback Anlieferung physisch Anlieferung 3rd Party Tag max. 200kb erforderlich BILLBOARD AD 3rd-Party-Tag Streaming Nur 3rd Party Tag Nachladen max. 2MB Sound und Wiederholungen bedürfen der Initiierung durch User (onclick) *HTML5 Besonderheiten siehe Seite 28 17.03.2017 9
/PREMIUM AD PACKAGES SITEBAR AD SITEBAR AD (SBA) Minimale Größe 160x600 px -50% SITEBAR AD Dynamisches Sticky Ad. Passt sich an den verfügbaren Platz zwischen Content und Browserrand an Dateigröße Fallback Anlieferung physisch Anlieferung 3rd Party Tag max. 200kb erforderlich jpg jpg/gif/html5 3rd-Party-Tag Streaming Nur 3rd Party Tag Nachladen max. 2MB Sound und Wiederholungen bedürfen der Initiierung durch User (onclick) *HTML5 Besonderheiten siehe Seite 28 17.03.2017 10
/SONDERWERBEFORMEN WALLPAPER WALLPAPER WALLPAPER (WP): SUPERBANNER + SKYSCRAPER Standardgröße alternativ 728x90 px + 160x600 px 1000x110 px + 160x600 px EXPANDABLE WALLPAPER Expandierter Zustand (SKY) 420x600 px Skyscraper dockt von links an den Superbanner an Dateigröße Fallback Anlieferung physisch Anlieferung 3rd Party Tag max. 200kb je Banner erforderlich 3rd-Party-Tag Streaming Nur 3rd Party Tag Nachladen max. 2MB Sound und Wiederholungen bedürfen der Initiierung durch User (onclick) *HTML5 Besonderheiten siehe Seite 28 17.03.2017 11
/SONDERWERBEFORMEN FIREPLACE AD FIREPLACE AD FIREPLACE AD (FPA) Superbanner Skyscraper links alternativ Skyscraper rechts 1000x90 px 120x600 px Bis zu 200x600 px 200x600 px Eine vollständige Darstellung des gesamten Werbemittels wird ab einer Auflösung von 1.600 px garantiert Die Skyscraper docken links und rechts an den Superbanner an Dateigröße Fallback Anlieferung physisch Anlieferung 3rd Party Tag Positionierungsvariablen erforderlich max. 200kb je Banner erforderlich 3rd-Party-Tag Streaming Nur 3rd Party Tag Nachladen max. 2MB Sound und Wiederholungen bedürfen der Initiierung durch User (onclick) *HTML5 Besonderheiten siehe Seite 28 17.03.2017 12
/SONDERWERBEFORMEN INTERSTITIAL INTERSTITIAL (IS) Standardgröße Empfehlung bei fester Pixelgröße Fullscreen (Responsive) 1000x700 px INTERSTITIAL Dateigröße Fallback Anlieferung physisch max. 200kb erforderlich jpg/gif Schließen Button nicht erforderlich Auto-Close nach 10 Sek. HEX-Code für Opacity des Hintergrundes, min. 80 % Anlieferung 3rd Party Tag Schließen Button erforderlich Auto-Close nach 10 Sek. HEX-Code für Opacity des Hintergrundes, min. 80 % Im optimalen Fall wird die Overlay Funktion über den Redirect mit angeliefert 3rd-Party-Tag Streaming Nur 3rd Party Tag Nachladen max. 2MB Sound und Wiederholungen bedürfen der Initiierung durch User (onclick) *HTML5 Besonderheiten siehe Seite 28 17.03.2017 13
/SONDERWERBEFORMEN TAKEOVER FIREPLACE AD TAKEOVER (TO) Setzt sich zusammen aus Fireplace Ad und Billboard Ad Bitte beide Werbemittel separat anliefern Position des Billboard Ads variiert je nach Seitenlayout FIREPLACE AD (siehe Seite 12) Superbanner (1000x90px) + Skyscraper links (120x600px bis zu 200x600px) + Skyscraper rechts (200x600px) BILLBOARD AD (siehe Seite 9) Standardgröße 1000x250 px BILLBOARD AD Dateigröße Fallback Anlieferung physisch Anlieferung 3rd Party Tag max. 200kb je Banner erforderlich 3rd-Party-Tag Streaming Nur 3rd Party Tag Nachladen max. 2MB Sound und Wiederholungen bedürfen der Initiierung durch User (onclick) *HTML5 Besonderheiten siehe Seite 28 17.03.2017 14
/SONDERWERBEFORMEN HOMEPAGEEINFÄRBUNG HOMEPAGE-EINFÄRBUNG HOMEPAGEEINFÄRBUNG (HPE) Statische Hintergrund-Einfärbung der Website im Look & Feel des Kunden. Produktion erfolgt durch Condé Nast. Anlieferung 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 Tracking Vorlaufzeit Clickcommand, Zählpixel 10 Werktage 17.03.2017 15
/SONDERWERBEFORMEN IN-READ IN-READ Ihr Spot wird direkt zwischen zwei Absätzen eines Artikels platziert. Sobald sich das Video im sichtbaren Bereich des Users befindet, startet es automatisch. Produktion erfolgt durch Condé Nast. Video Format Auflösung Max. Dateigröße Länge alle (mov, fla, mpeg, mp4, etc.) max. 1920x1080 min. 640x360 200 MB 10-30 Sekunden Seitenverhältnis 16:9 (4:3 nicht unterstützt) InRead Codec Sound URL redirect VAST redirect alle video codecs, außer ProRes 4444 HDV 720p60, Go2 Meeting 3&4, ER AAC LD, REDCODE ON ClickCommand + Tracker (optional) ODER max. Größe 5MB (wenn von Agentur gehostet) 17.03.2017 16
/SONDERWERBEFORMEN IN-BOARD IN-BOARD INBOARD Ihr Spot wird direkt zwischen Header und Content platziert. Sobald sich das Video im sichtbaren Bereich des Users befindet, öffnet sich das Werbemittel und der Spot startet es automatisch. Produktion erfolgt durch Condé Nast. Video Format Auflösung Max. Dateigröße Länge alle (mov, fla, mpeg, mp4, etc.) max. 1920x1080 min. 640x360 200 MB 10-30 Sekunden Seitenverhältnis 16:9 (4:3 nicht unterstützt) Codec Sound URL redirect VAST redirect alle video codecs, außer ProRes 4444 HDV 720p60, Go2 Meeting 3&4, ER AAC LD, REDCODE ON ClickCommand + Tracker (optional) ODER max. Größe 5MB (wenn von Agentur gehostet) 17.03.2017 17
/SONDERWERBEFORMEN ROLLOVER (Nur gq-magazin.de/uhren/) ROLLOVER Rollover Standardgröße Querformat 16:9 Hochformat 9:16 Richtwert Breite 1920px ROLLOVER Rollover ROLLOVER Rollover Dateigröße Fallback Anlieferung physisch Max. 200kb Erforderlich (jpg) /mp4** Hinweise: Eine Anlieferung als 3rd Party Tag ist ggf. möglich, jedoch erst nach vorherigem Testing. CNV behält sich vor, die Anlieferung als 3rd Party Tag abzulehnen. Das Werbemittel muss sich dynamisch an die responsive Größe der Webseite anpassen. Es darf zum Beispiel nicht in einen Iframe mit fester Größe eingebettet sein *HTML5 Besonderheiten siehe Seite 28 ** Es ist möglich ein Video File für das Rollover zu verwenden. Hierzu wird nur das Video File als mp4 im Format 16:9 benötigt. 17.03.2017 18
/CUSTOM SOLUTION ADVERTORIAL TEASER NEWSLETTER INTEGRATION ADVERTORIAL* 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. Anbindung auf der Website über zwei Promotionteaser. Anlieferung ADVERTORIAL Text Pressemitteilungen, Produktbeschreibungen Etc. Briefing zum gewünschten inhaltlichen Schwerpunkt. Bild Hochauflösendes Bildmaterial TEASER Optionaler Inhalt* Bildergalerie Gewinnspiel Videoeinbindung über mp4, Youtube-Links Externe Verlinkung Tracking Nur ClickCommand * Die Gestaltung des Advertorials kann in Länge und Inhalt variieren. Detailliertere Informationen erhalten Sie unter customsolution@condenast.de. 17.03.2017 19
/CUSTOM SOLUTION MICROSITE MICROSITE Eine ergänzende produkt- oder aktionsbezogene Site-in-Site Lösung im Look & Feel des Kunden. Alternativ auch als eigenständiger Longread verfügbar. Beinhaltet eine einmalige Teaserintegration im redaktionellen Newsletter. Anbindung auf der Website über zwei Promotionteaser. Anlieferung Text Pressemitteilungen, Produktbeschreibungen Etc. MICROSITE Briefing zum gewünschten inhaltlichen Schwerpunkt. Bild Hochauflösendes Bildmaterial Optional Bildergalerie Gewinnspiel Videoeinbindung über mp4, Youtube-Links Externe Verlinkung Weitere Features nach Absprache Tracking ClickCommands, Zählpixel für die Microsite * Die Gestaltung der Microsite kann in Länge und Inhalt variieren. Detailliertere Informationen erhalten Sie unter customsolution@condenast.de. 17.03.2017 20
/CUSTOM SOLUTION NEWSLETTER INTEGRATION NEWSLETTER-INTEGRATION Standardgröße 650x217px Dateigröße Anlieferung physisch Tracking max. 80kB jpg/gif ClickCommand NEWSLETTER INTEGRATION 17.03.2017 21
/CUSTOM SOLUTION CUSTOMIZED NEWSLETTER CUSTOMIZED NEWSLETTER Ein Newsletter im Frame von GQ Inhalt nach Abstimmung im Look & Feel des Kunden Anlieferung Text Textvorlagen Betreffzeile Eine Ziel URL Bild Hochauflösende Einzelmotive Ornamente und Logos als Vektorgrafik Bildcredits Formate jpg,/gif/bmp/png Bei fertigen HTML Inhalt Max Dateigröße 500kb Breite 680px Höhe variabel bis max. 1500px Max. Auflösung Tracking 150 dpi Nur ClickCommand 17.03.2017 22
/CUSTOM SOLUTION SPONSORING THEMENSPECIAL HOMEPAGE-EINFÄRBUNG SPONSORING THEMENSPECIAL Beinhaltet eine einmalige Teaserintegration im redaktionellen Newsletter Anbindung über zwei Promotionteaser Bestandteile Display-Ads CO-BRANDED HEADER Produktion durch Condé Nast Homepage Einfärbung im Look&Feel des Kunden co-branded Header co-branded AdBundle in RoS Anlieferung Bild Hochauflösendes Bildmaterial Ggf. Mock-Up CD/CI-Guidelines der Marke Ornamente und Logos als Vektorgrafik HEX-Code für Farbgebung und Hintergrundfarbe Logo des Kunden: PNG, EPS, JPEG, GIF 17.03.2017 23
/MOBILE WERBEFORMEN MOBILE MEDIUM RECTANGLE MOBILE MEDIUM RECTANGLE (MMRT) (4:1) Standardgröße* 640x160 px MOBILE BILLBOARD AD (MBBA) (2:1) Standardgröße* 640x320 px MOBILE MEDIUM RECTANGLE Dateigröße Anlieferung physisch max. 200kb jpg, gif MOBILE BILLBOARD AD Anlieferung 3rd Party Tag* Trackingelemente Landingpage * Zählpixel, ClickCommand mobile-fähig, kein Flash * Die Standardgrößen betreffen ausschließlich die Anlieferung von Imagewerbemitteln. Bei einer Anlieferung als Redirect muss sich das Werbemittel responsiv an die Breite der Webseite anpassen. Es darf zum Beispiel nicht in einen Iframe mit fester Größe eingebettet sein. *HTML5 Besonderheiten siehe Seite 28 17.03.2017 24
/MOBILE WERBEFORMEN MOBILE COLORING MOBILE COLORING (MCO) (beinhaltet ein Mobile Billboard Ad) Standardgröße 640x600 px MOBILE BILLBOARD AD (siehe Seite 23) Dateigröße Anlieferung physisch max. 200 KB jpg, gif MOBILE COLORING MOBILE BILLBOARD AD Tracking Landingpage Zählpixel, ClickCommand mobile-fähig, kein Flash Materialanlieferung (bei Produktion durch Condé Nast) Benötigtes Material: Hochauflösendes Bildmaterial im JPEG/GIF Format Das zugehörige Billboard Ad ist von Kunde/Agentur anzuliefern HEX-Code für Hintergrund, nur Pastellfarben erlaubt Click-to-Video möglich 17.03.2017 25
/MOBILE WERBEFORMEN MOBILE GESTURE AD MOBILE GESTURE AD (MAG): 2:1 Standardgröße 640x320 px Anlieferung von min. 3-5 Grafiken für die jeweilige Auflösung Reihenfolge der Werbebotschaft muss gekennzeichnet sein Werbebotschaft so wählen, dass der User zum Swipen animiert wird Motiv 1 Motiv 2 Motiv 3 Dateigröße Anlieferung physisch Trackingelemente Landingpage max.200 kb pro Motiv jpg, gif Zählpixel, ClickCommand mobile-fähig, kein Flash 17.03.2017 26
/TECHNISCHE ANFORDERUNGEN HINWEISE EXPANDABLE WERBEMITTEL 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 ggf. ein Zählpixel zur Zählung der AdImpressions angeliefert werden. Wir verwenden asynchrone JavaScript Tags, bitte denken Sie daran, wenn Sie die Redirects anliefern. 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. 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 Begrenzungen 17.03.2017 27
/TECHNISCHE ANFORDERUNGEN HTML5 SPEZIFIKATIONEN HTML File Filehierarchie und Ordnerstruktur Fileanzahl und Code- Komprimierung Animation Browserkompatibilität und Fallback Frameworks, Libraries und Namespaces Besonderheiten Das ausführende HTML5 Werbemittel sollte in einem einzigen.html File ausgeführt werden. Die Ebenen- und Ordnerstruktur sollte maximal eine Ebene enthalten (Skripte, Images, etc.). Um die Server Requests zu minimieren, sollte die Anzahl der Einzelelemente ist so gering wie möglich gehalten werden. 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. 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, falls die fehlende Unterstützung durch den Browser zu nicht darstellbaren Werbemitteln führt. 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. 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. JavaScript-/Jquery-Abfragen immer https. 17.03.2017 28
/TECHNISCHE ANFORDERUNGEN HTML5 SPEZIFIKATIONEN Polite Policy Werbemittel mit initialem Sound sind nicht erlaubt. Ausnahme: Streaming-Werbemittel, die erst durch Klick aktiviert werden. Dauer: maximal 30 Sekunden; Sound nicht durch MouseOver initiiert. Guidelines Guidelines des IAB zu HTML5 Werbemitteln finden Sie hier: https://www.iab.com/guidelines/html5-for-digital-advertising-guidance-for-ad-designers-creative-technologists/ 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 eine.html-datei 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. Customize Sollten innerhalb der Kampagnenplanung Werbemittel vorgesehen sein, die nicht unseren Spezifikationen entsprechen, fragen Sie bitte Ihren Sonderwunsch bei uns an. Wir planen gerne individuell Ihre Kampagne und besprechen mit Ihnen was realisiert werden kann und was nicht. 17.03.2017 29
/MATERIALANLIEFERUNG 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 Sabrina Vielmeier (Hamburg) (Ad- /Kampagnenmanager) Phone: (089) 38104 691 mailto: sabrina.vielmeier@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 17.03.2017 30