Werbemittelspezifikationen

Transkript

1 Werbemittelspezifikationen BerlinOnline Stadtportal GmbH & Co. KG Berlin Online 2016

2 2 / 28 Inhaltsverzeichnis Anlieferung Ihrer Werbemittel 3 Sonderwerbeformen Übersicht Werbemittelformate 4 Superbanner & Skyscraper 5 Content Ad & Halfpage Ad 6 Wallpaper 7 Layer Ad 8 1. Teaser TeaserAd Sponsored Link Microsite BerlinFinder Navigationslink Newsletteranzeige - Teaser 22 Bottom Ad 9 MobileAds für Smartphones Banderole Ad 10 Anforderungen für HTML5 Werbemittel 25 Billboard 11 Anforderungen für HTML5 Werbemittel Klickzählung 26 Sidebar 12 Video-Stream-Ads 27 Expandable Ads 13 Kontakt 28 Tandem Ads 14

3 3 / 28 Anlieferung Ihrer Werbemittel Bitte liefern Sie die Werbemittel mindestens drei Werktage vor Start der Kampagne per an media@berlinonline.de und CC Ihren zuständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige Zuordnung der Werbemittel, geben Sie bitte Kundenname, Kampagnenname, Zeitraum der Kampagne, Ziel-URL, Platzierung und Ansprechpartner für Rückfragen an. Sollten Sie bei der Anlieferung mehrerer Motive unterschiedliche Schaltungszeiträume innerhalb der gesamten Kampagnenlaufzeit wünschen, teilen Sie uns dies bitte mit Ihrem Auftrag mit. Bei einem Werbemitteltausch teilen Sie uns bitte exakt mit, um welches Motiv und welche Platzierung es sich handelt. (Bitte beachten Sie auch hier die Vorlaufzeit von drei Werktagen vor dem geplanten Werbemitteltausch) Bitte halten Sie die maximalen Datei- und Pixelgrößen der unterschiedlichen Werbeformen ein. Die Größen entnehmen Sie bitte der jeweiligen Werbemittelerklärung. Bitte beachten Sie unsere technischen Spezifikationen. Werbemittel, die nicht diesen Spezifikationen entsprechen, müssen wir leider ablehnen und um Überarbeitung bitten.

4 4 / 28 Übersicht Werbemittelformate Superbanner Skyscraper Content Ad Halfpage Ad Wallpaper Layer Ad 728 x 90 px max. 95 KB 120 x 600 px; 160 x 600 px max. 95 KB 300 x 250 px max. 95 KB 300 x 600 px max. 95 KB Superbanner + Skyscraper je max. 95 KB variable Abmessung (max. 500 x 500 px) max. 95 KB Bottom Ad Banderole Ad Billboard Sidebar Expandable Ads Tandem Ads variable Abmessung (max. Seitenbreite) max. 95 KB 770 x 250 px max. 95 KB 800 x 250 px max. 95 KB 160 x 600 px - max x Bildschirmhöhe; max. 95 KB vergrößern sich beim Mouseover max. 95 KB Kombination von Standardwerbeformen

5 5 / 28 Superbanner & Skyscraper 1 2 1) Superbanner + wird direkt im Kopfteil der Website integriert Abmessung: 728 x 90 px Dateiformate: gif, jpg, HTML5 Dateigröße: max. 95 KB Optionale Einbindung: Werbemittel können auch als Redirect, HTML oder I-Frame eingebunden werden 2) Skyscraper + wird contentnah am rechten Bildschirmrand platziert Abmessung: 120 x 600 / 160 x 600 px Dateiformate: gif, jpg, HTML5 Dateigröße: max. 95 KB Optionale Einbindung: Werbemittel können auch als Redirect, HTML oder I-Frame eingebunden werden

6 6 / 28 Content Ad & Halfpage Ad 1) Content Ad + befindet sich im sofort sichtbaren Bereich und erzeugt dadurch große Aufmerksamkeit 1 Abmessung: 300 x 250 px Dateiformate: gif, jpg, HTML5 Dateigröße: max. 95 KB Optionale Einbindung: Werbemittel können auch als Redirect, HTML oder I-Frame eingebunden werden 2 2) Halfpage Ad + ist aufmerksamkeitsstark und setzt Ihre Werbebotschaft dadurch hervorragend in Szene Abmessung: 300 x 600 px Dateiformate: gif, jpg, HTML5 Dateigröße: max. 95 KB Optionale Einbindung: Werbemittel können auch als Redirect, HTML oder I-Frame eingebunden werden

7 7 / 28 Wallpaper Wallpaper Kombination aus zwei Formaten: 1) Horizontal: Superbanner (728 x 90 px) 2) Vertikal: Skyscraper (120 x 600 px / 160 x 600 px) Die oberen n x 90 Pixel des Skyscraper sollten wie der Superbanner aussehen, da die beiden Werbemittel an dieser Stelle zusammenwachsen. Der Skyscraper zieht sich auf der y-achse bis an den oberen Rand der Seite. Der Superbanner zieht sich auf der x-achse an den Skyscraper. Für ein weiteres Plus an Aufmerksamkeit kann der komplette Hintergrund eingefärbt werden. Für die Einfärbung benötigen wir zusätzlich den Farbcode (Beispiel: #000000). Farbverläufe im Hintergrund sind leider nicht möglich.

8 8 / 28 Layer Ad Layer Ad + legt sich aufmerksamkeitsstark über den Content der Seite Abmessung: variabel (max. 500 x 500 px) Dateiformate: gif, jpg, HTML5 Dateigröße: max. 95 KB Optionale Einbindung: Werbemittel können auch als Redirect, HTML oder I-Frame eingebunden werden Jeder Layer benötigt einen gut sichtbaren Schließen -Button. Der Close-Button ist mit folgender Schließen-Funktion zu belegen: geturl( Javascript:f4d_hide_layer(), _self ) Weiterhin sollte eine Werbemittelanzeige von 15 Sekunden nicht überschritten werden, wonach sich der Layer selbständig schließen muss.

9 9 / 28 Bottom Ad Bottom Ad + legt sich über den Content am Fuß der sichtbaren Seite + scrollt mit und bleibt im sichtbaren Bereich Abmessung: 800 x 250 px Dateiformate: gif, jpg, HTML5 Dateigröße: max. 95 KB Jedes Bottom Ad benötigt einen gut sichtbaren Schließen -Button. Der Close-Button ist mit folgender Schließen-Funktion zu belegen: geturl( Javascript:f4d_hide_layer(), _self )

10 10 / 28 Banderole Ad Banderole Ad + legt sich über die gesamte Breite der Website + über Reminderfläche kann das Banner jederzeit wieder geöffnet werden Abmessung: 770 x 250 px Dateiformate: gif, jpg, HTML5 Dateigröße: max. 95 KB Ein Banderole Ad legt sich von rechts nach links über die Webseite. Beim Klick auf den Schließen - Button schließt sich das Banderole Ad. Es erscheint am rechten Bildschirmrand ein Öffnen -Button. Klickt der User auf diesen Button, schiebt sich das Banderole Ad wieder von rechts nach links über die Webseite.

11 11 / 28 Billboard Billboard + Festplatzierung zwischen Header und Content Abmessung: 800 x 250 px Dateiformate: gif, jpg, HTML5 Dateigröße: max. 95 KB Optionale Einbindung: Werbemittel können auch als Redirect, HTML oder I-Frame eingebunden werden

12 12 / 28 Sidebar Sidebar + passt sich dem freien Platz zwischen Websiteninhalt und rechtem Bildschirmrand dynamisch an und nutzt diesen voll aus + auch die Höhe kann variieren, um den gesamten Raum der Bildschirmfläche zu nutzen Abmessung: 160 x 600 px - max x Bildschirmhöhe Dateiformate: gif, jpg, HTML5 Dateigröße: max. 95 KB Das Sidebar Ad sollte im Format 160 x 600 px möglichst alle Informationen sinnvoll abbilden, die der Nutzer grundsätzlich sehen soll, damit die Gesamtaussage in jeder Ausdehnung bestehen bleibt. Wird die Anzeigenfläche des Werbemittels erweitert, so sollten die relevanten Informationen (evtl. zentriert) mitfließen, so dass ein harmonischer Gesamteindruck entsteht. Hintergrundgrafiken sollten in 600 x 600 px in der Datei vorhanden sein und beim Erweitern kontinuierlich mehr Pixel zeigen.

13 13 / 28 Expandable Ads Expandable Ads + Expandable Werbemittel vergrößern sich, wenn der User ein Mouseover-Event auslöst Als Expandable Ad eignen sich: Superbanner (Beispiel: siehe Bild links) Max. Ausdehnung: 728 x 180 px / 800 x 180 px Ausdehnungsrichtung: nach unten Skyscraper Max. Ausdehnung: 300 x 600 px Ausdehnungsrichtung: rechts oder links Content Ad Max. Ausdehnung: 400 x 400 px Ausdehnungsrichtung: links und unten Bei der Werbemittelerstellung ist zu beachten, dass das Expandable sich bei Mouseout sofort wieder auf die Standardgröße verkleinern muss.

14 14 / 28 Tandem Ads Tandem Ads Kombination aus: Superbanner + Layer Ad (Beispiel: siehe Bild links) Skyscraper + Layer Ad Skyscraper + Content Ad Es werden demnach zwei Flächen ausgenutzt, wodurch Werbebotschaften besonders gut transportiert werden können und eine hohe Aufmerksamkeit erzeugt wird. Durch die doppelte Werbefläche eignen sich Tandem Ads sehr gut für Branding- aber auch für abverkaufsorientierte Kampagnen. Bitte entnehmen Sie die genauen Maße der jeweiligen Werbemittelerklärung.

15 15 / 28 Sonderwerbeform - Teaser Teaser + Ihre Anzeige mit Text und Bild im redaktionellen Umfeld + permanente Einblendung und Verlinkung direkt auf Ihre Internetseite Bild: variabel (je nach Website) Headline: max. 40 Zeichen inkl. Leerzeichen Werbetext: max. 140 Zeichen inkl. Leerzeichen

16 16 / 28 Sonderwerbeform - TeaserAd TeaserAd + Ihre Anzeige mit Text und Bild im redaktionellen Umfeld + Aussteuerung mittels AdServer, d.h. Geo-Targeting, Predictive Behavioral Targeting und Capping möglich + als Festplatzierung oder Rotationsbuchung über mehrere Rubriken oder Websites möglich Bild: variabel (je nach Website) Headline: max. 40 Zeichen inkl. Leerzeichen Werbetext: max. 140 Zeichen inkl. Leerzeichen Das TeaserAd ist optisch nicht vom redaktionellen Teaser (vgl. Seite 15) zu unterscheiden, weist aber alle Funktionen eines Banners auf. Für die Erstellung werden Bild und Text benötigt.

17 17 / 28 Sonderwerbeform - Sponsored Link Sponsored Link Kombination aus: 1) Sponsored Link in der Suche + Ihre Bild-/ Textanzeige in den Suchergebnissen im BerlinOnline-Netzwerk + suchwortspezifische Aussteuerung + Suchwörter: max. 30 Suchwörter 1 2) Sponsored Link im themenaffinen Umfeld + Ihre Textanzeige auf themenspezifischen Seiten + Laufzeit: bis Budget abgeklickt ist + direkter Link zu Ihrer gewünschten Website Bild: 122 x 92 px Headline: max. 40 Zeichen inkl. Leerzeichen Werbetext: max. 140 Zeichen inkl. Leerzeichen Suchwörter: max. 30 2

18 18 / 28 Sonderwerbeform - Microsite 3 Microsite 1) Bilder Contentspalte Abmessung: Breite: max. 800 px; Höhe: variabel Dateiformate: jpg 1 2) Bilder Servicespalte Abmessung: Breite: max. 800 px; Höhe: variabel Dateiformate: jpg 3) Fotostrecken Alle Bilder müssen zwingend 800 px breit sein, die Höhe ist variabel. Hinweis: Bitte achten Sie bei der Übermittlung der Dateien darauf, dass wir keine druckfähigen Bilder benötigen. 96dpi sind ausreichend. Das Copyright der Bilder ist zwingend anzugeben ) Videos Das Einbinden von Videos via URL ist optimal (youtube, vimeo etc.). Es ist ebenfalls möglich, Dateien in den gängigen Video-Formaten (flash, mp4 etc.) auf der Microsite zu integrieren.

19 19 / 28 Sonderwerbeform - Microsite Bitte beachten Sie, dass die Microsite 2-spaltig ist (Content- und Servicespalte). In der Contentspalte sollten die wichtigsten und wesentlichen Informationen zum Unternehmen / Produkt kommuniziert werden. In der Servicespalte (rechts) empfiehlt es sich, allgemeine Infos oder Adress- und Kontaktdaten zu hinterlegen, diese können aber natürlich auch Bilder, Texte und Verlinkungen enthalten. + Texte & Inhalte zum beworbenen Produkt/ Unternehmen (Texte unbegrenzt) + Bilder zum Text (siehe S. 18). + Videos (EMBED-code, mp4-format oder andere gängige Formate) und Fotostrecken (siehe S. 18) + Verlinkungen zu den Texte und Bildern Bitte bringen Sie möglichst Texte, Bilder und Verlinkungen so in zusammenhängender Darstellung (evtl. in einem Worddokument), dass die Redaktion erkennen kann, welche Bilder zu welchen Texten gehören und zusammen dargestellt werden sollen bzw. auch mit welchen externen Links an welchen Stellen gearbeitet werden soll. Beispiele für Microsites: html

20 20 / 28 Sonderwerbeform - BerlinFinder 1) Premium Paket + Top-Platzierung in Suchergebnissen des BerlinFinders + konkurrenzfreie Detailseite (3) 2) Business Paket + Vorteils-Platzierung vor allen Basiseinträgen + konkurrenzfreie Detailseite (3) Datenanforderung Business- / Premiumeintrag: Angezeigter Name Ihres Unternehmens + Adresse, Telefon- / Faxnummer, allgem. -Adresse, URL zu Ihrer Webseite + bis zu 3 Bilder (Businesspaket) / 10 Bilder (Premiumpaket) + Ihr Logo + Beschreibungstext von ca Zeichen Länge (inkl. Leerzeichen) PR-Text kann auf die erforderliche Länge gekürzt werden + Ihre Öffnungszeiten + Ihr Wunsch bezüglich einer Einordnung in bis zu 2 / 5 Branchen + 5 / 20 Suchworte + Video (Premiumpaket) 3

21 21 / 28 Sonderwerbeform - Navigationslink Navigationslink + direkter Link zu Ihrer Microsite Bitte geben Sie den gewünschten Namen des Navigationslinks vor, z.b. Chamäleon Theater (Zeichenlänge max. 20 Zeichen inkl. Leerzeichen)

22 22 / 28 Sonderwerbeform - Newsletteranzeige Newsletteranzeige - Teaser + direkter Link zu Ihrer gewünschten Website Bild: 200 x 100 px Headline: max. 40 Zeichen inkl. Leerzeichen Werbetext: max. 140 Zeichen inkl. Leerzeichen

23 23 / 28 MobileAds für Smartphones Mobile Content Ad + Standard Werbeformat im mobilen Bereich mit einem Seitenverhältnis von 6:1, 4:1, 3:1, oder 2:1. Abmessung: 320 x 50 px / 320 x 75px / 320 x 100 / 320 x 150 px, 2x Dichte (Retina) Dateiformate: gif, jpg, png, HTML5 Dateigröße: max. 20 KB Mobile Interstitial + Ein bildschirmfüllendes Werbeformat, das vom Nutzer geschlossen werden kann oder sich nach 5-7 Sekunden selbstständig schließt. Abmessung: 320 x 416 px, 2x Dichte (Retina) Dateiformate: gif, jpg, png mit Close Button, HTML5 Dateigröße: max. 25 KB Mobile Flip Ad + Die mobile Website dreht sich um die eigene Achse und eine bildschirmfüllende Werbefläche erscheint. Nach fünf Sekunden dreht sich die Seite automatisch wieder zurück. Abmessung: 320 x 416 px, 2x Dichte (Retina) Dateiformate: gif, jpg, png mit Close Button, HTML5 Dateigröße: max. 25 KB Mobile Sticky Footer Ad + Das Mobile Sticky Ad ist fest oberhalb der Menüleiste der Apps oder der mobilen Website platziert und verweilt dort bis zu 10 Sekunden. Nach Ablauf der 10 Sekunden oder durch Nutzerinteraktion blendet sich das Werbemittel nach unten aus. Abmessung: 320 x 50 px, 2x Dichte (Retina) Dateiformate: gif, jpg, png mit Close Button, HTML5 Dateigröße: max. 20 KB

24 24 / 28 MobileAds für Smartphones Mobile Reveal Ad + Das Werbemittel expandiert beim Seitenaufruf automatisch und schiebt den Content dabei nach unten. Nach 3-5 Sekunden zieht sich die Werbefläche wieder zusammen. Mobile Slider Ad / Swipe Ad + Auf dem Mobile Content Ad basierendes Werbemittel. Es bietet dem Werbetreibenden die Möglichkeit, bis zu 5 Motive anzuliefern, durch die der Nutzer blättern kann. 1 2 Abmessung: 320 x 416 px (max. Expansion), 2x Dichte (Retina) Dateiformate: gif, jpg, png mit Close Button, HTML5 Dateigröße: max. 25 KB Reminder: MCA 4:1 / 6:1 1) Mobile PreExpandable Ad + Automatisch expandierendes Werbeformat. Kann durch Nutzeraktion minimiert werden. 2) Mobile Expandable Ad + Werbeformat, das durch Nutzeraktion expandiert. Abmessung: 320 x 416 px (max. Expansion), 2x Dichte (Retina) Dateiformate: gif, jpg, png mit Close Button, HTML5 Dateigröße: max. 25 KB Reminder: MCA 4:1 / 6:1 Abmessung: 320 x 100 px, 2x Dichte (Retina) Dateiformate: gif, jpg, png, HTML5 Dateigröße: max. 15 KB pro Motiv Mobile Video Interstitial / Layer + Das Werbemittel kann vom Nutzer geschlossen werden und schließt sich nach Ende des Videos selbst. Buchbar für iphone. Abmessung: 640 x 920 px, 2x Dichte (Retina) Video: Position oben, mitte oder unten Seitenverhältnis: 4:3 / 16:9 Dateiformate: gif, jpg, png (Grafik), HTML5, Mp4, H264 / AVC (Video; max.10 Sek. Länge)

25 25 / 28 Anforderungen für HTML5 Werbemittel Wichtig: HTML5 Werbemittel können als Redirect oder als physische Datei angeliefert werden. Es muss sichergestellt sein dass das Werbemittel keinen Einfluss auf die Webseite hat. Dies gilt auch wenn diese keinen HTML5 Doctype hat. Sind aufgrund bestimmter genutzter Funktionen im Werbemittel Browserausschlüsse oder ähnliches nötig, so ist dies bei Anlieferung mitzuteilen. HTML5 Werbemittel bestehen in der Regel aus mehreren Elementen, die nicht analog zu Flash in einem File zusammengefasst sind. Diese Elemente sind: HTML-Files, CSS, Libraries (Javascript, JQuery, ), Bilder. HTML5 Werbemittel inkl. Code und Bilder: + Desktop: 100 kb + Tablet: 60 kb + Phone: 40 kb Maximale nachgelagerte Dateigröße (zusätzlich erlaubtes Ladevolumen, um eine Nutzer-Interaktion zu ermöglichen): + Desktop: 150 kb + Tablet: 150 kb + Phone: 100 kb Das Werbemittel kann in iframes gekapselt werden. Das Hosting läge in diesem Fall beim Kunden. Übernimmt der Kunde nicht das Hosting, benötigen wir das Werbemittel als eine einzelne HTML-Datei. Alle Objekte bis auf Videos müssen dann BASE64-codiert innerhalb der HTML5-Datei liegen. Videos müssen weiterhin extern referenziert werden. Damit der Aufbau der Medien-Website und des Werbemittels nicht unnötig verzögert wird, sind Kreative angehalten, die einzelnen Elemente des HTML5 Werbemittels sowohl hinsichtlich ihrer Anzahl als auch Dateigröße so klein wie möglich zu halten, aber unbedingt die folgenden Limits zu beachten. Maximale nutzerinitiierte Nachlade-Größe (Maximale Dateigröße für einen nachgelagerten Datei-Ladevorgang wie z.b. Video Stream): + Desktop: 2,5 MB + Tablet: 2 MB + Phone: 2 MB Dies ist durch Komprimierungsverfahren und Optimierungsverfahren als auch durch sparsame Anwendung von Animationen und Einbindung externer Elemente wie Fonts und Bibliotheken einzuhalten, welche auch bei der Dateigröße dazu zu rechnen sind.

26 26 / 28 Anforderungen für HTML5 Werbemittel Klickzählung Grundsätzlich wird das Werbemittel in einem iframe aufgerufen. Ein clicktag-parameter muss aus aufrufenden URL (location.href) ausgelesen werden können, um Klicktracking zu gewährleisten. Beispiel URL: // Beispiel-Code zum Auslesen des clicktag: var clickurl = (function getqueryparam(param) {var result = window.location.search.match(new RegExp( (\\? &) + param + (\\[\\])?=([^&]*) )); return result? result[3] : false; })( clicktag );

27 27 / 28 Video-Stream-Ads Ein Video (z. B. FLV, MPEG etc.) muss in einem Flash-Werbemittel eingebettet werden! Die Videodatei sollte auf einem externen Server vorliegen. Die Auslieferung des Werbemittels erfolgt über einen Redirect des Dienstleisters. (Bitte beachten Sie deshalb dessen Spezifikationen zur Anlieferung der Werbemittel.) Ein Spot sollte die Länge von 30 Sekunden nicht überschreiten. Der Ton darf nur auf Useraktion (siehe Flash: Sound) starten. Es muss je ein Button für Stop, Pause/Play und Ton an/aus vorhanden sein. Geben Sie den Usern auch die Möglichkeit, sich den Spot ein weiteres Mal anzuschauen. Ein automatisches Loopen des Werbespots ist allerdings nicht erlaubt. Um das Nachladen des Videos zu ermöglichen, muss die Doubleclick Domain freigeben werden. User dürfen nicht per PopUp gezwungen sein, ein Plugin zu installieren, um das Werbemittel sehen zu können. Werbemittel dürfen zudem nicht als Windows/Mac/Unix-Infoboxen oder Fehlermeldungsboxen dargestellt werden oder auf andere Art zu Verwechslungen mit Systemmeldungen führen. Flash Video Tutorials bei Macromedia(Adobe): Beispiel Action-Script für eine video.flv Einbindung: System.security.allowDomain( ad.ch.doubleclick.net, ad de.doubleclick.net, ad.fr.doubleclick. net, doubleclick net ); var netconn:netconnection = new NetConnection(); netconn. connect(null); var netstream:netstream = new NetStream(netConn);VideoStream.attachVideo( netstream);netstream.setbuffertime(10); netstream.play( video.flv ); Dokumentation bei Macromedia(Adobe): flash/system/security.html Nutzen Sie die Möglichkeit der Bandbreitenabfrage, um dem User eine optimale Qualität des Streamings zu gewährleisten.

28 28 / 28 Ihr Kontakt zu uns Unser Team Thomas Brettschneider Wenke Steinmann Nadin Hornberger René Semmlack Head of Sales Senior Sales Managerin Sales Managerin Sales Manager Tourismus & Hotels Shopping Kultur & Tickets Veranstaltungen Immobilien Wirtschaft Jobs & Ausbildung Gesundheit & Beauty Reisen Tel.: Tel.: Tel.: Tel.: thomas.brettschneider@berlinonline.de wenke.steinmann@berlinonline.de nadin.hornberger@berlinonline.de rene.semmlack@berlinonline.de Ad Management Fax Sales Tel.: Media@BerlinOnline.de