Werbemittelspezifikationen

Werbemittelspezifikationen BerlinOnline Stadtportal GmbH & Co. KG Berlin Online 2013

2 / 25 Inhaltsverzeichnis Anlieferung Ihrer Werbemittel 3 Teaser 14 Übersicht Werbemittelformate 4 Sponsored Link 15 Superbanner & Skyscraper 5 Microsite 16-17 Content Ad & Halfpage Ad 6 BerlinFinder 18 Wallpaper 7 Navigationslink 19 Layer Ad 8 Newsletteranzeige - Teaser 20 Bottom Ad 9 MobileAds für Smartphones 21-22 Banderole Ad 10 Anforderungen an Flash-Werbemittel 23 Billboard 11 Video-Stream-Ads 24 Expandable Ads 12 Kontakt 25 Tandem Ads 13

3 / 25 Anlieferung Ihrer Werbemittel Bitte liefern Sie die Werbemittel mindestens drei Werktage vor Start der Kampagne per E-Mail 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 / 25 Übersicht Werbemittelformate Superbanner Skyscraper Content Ad Halfpage Ad Wallpaper Layer Ad 728 x 90 px max. 65 KB 120 x 600 px; 160 x 600 px max. 65 KB 300 x 250 px max. 65 KB 300 x 600 px max. 65 KB Superbanner + Skyscraper je max. 65 KB variable Abmessung (max. 500 x 500 px) max. 65 KB Bottom Ad Banderole Ad Billboard Expandable Ads Tandem Ads variable Abmessung (max. Seitenbreite) max. 65 KB 770 x 250 px max. 65 KB 800 x 250 px max. 65 KB vergrößern sich beim Mouseover max. 65 KB Kombination von Standardwerbeformen

5 / 25 Superbanner & Skyscraper 1 2 1) Superbanner + wird direkt im Kopfteil der Website integriert Abmessung: 728 x 90 px Dateiformate: gif, jpg, swf (Flash)* Dateigröße: max. 65 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, swf (Flash) Dateigröße: max. 65 KB Optionale Einbindung: Werbemittel können auch als Redirect, HTML oder I-Frame eingebunden werden *Bitte beachten Sie unsere Anforderungen an Flash-Werbemittel (siehe Seite 23).

6 / 25 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, swf (Flash)* Dateigröße: max. 65 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, swf (Flash)* Dateigröße: max. 65 KB Optionale Einbindung: Werbemittel können auch als Redirect, HTML oder I-Frame eingebunden werden *Bitte beachten Sie unsere Anforderungen an Flash-Werbemittel (siehe Seite 23).

7 / 25 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 / 25 Layer Ad Layer Ad + legt sich aufmerksamkeitsstark über den Content der Seite Abmessung: variabel (max. 500 x 500 px) Dateiformate: gif, jpg, swf (Flash)* Dateigröße: max. 65 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. *Bitte beachten Sie unsere Anforderungen an Flash-Werbemittel (siehe Seite 23).

9 / 25 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, swf (Flash)* Dateigröße: max. 65 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 ) *Bitte beachten Sie unsere Anforderungen an Flash-Werbemittel (siehe Seite 23).

10 / 25 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, swf (Flash)* Dateigröße: max. 65 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. *Bitte beachten Sie unsere Anforderungen an Flash-Werbemittel (siehe Seite 23).

11 / 25 Billboard Billboard + Festplatzierung zwischen Header und Content Abmessung: 800 x 250 px Dateiformate: gif, jpg, swf (Flash)* Dateigröße: max. 65 KB Optionale Einbindung: Werbemittel können auch als Redirect, HTML oder I-Frame eingebunden werden *Bitte beachten Sie unsere Anforderungen an Flash-Werbemittel (siehe Seite 23).

12 / 25 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.

13 / 25 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.

14 / 25 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

15 / 25 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 Zeichen 2

16 / 25 Sonderwerbeform - Microsite 3 Microsite 1) Bilder Contentspalte Abmessung: Breite: max. 420 px; Höhe: variabel Dateiformate: jpg 1 2) Bilder Servicespalte Abmessung: Breite: max. 280 px; Höhe: variabel Dateiformate: jpg 3) Fotostrecken Alle Bilder müssen zwingend 800 px breit sein 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. 4 2 4) 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.

17 / 25 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.16). + Videos (EMBED-code, mp4-format oder andere gängige Formate) und Fotostrecken (siehe S.16) + 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: http://www.berlin.de/tickets/musical-und-show/we-will-rock-you/ http://www.berlin.de/tickets/musical-und-show/blue-man-group.php http://www.berlin.de/events/2623935-2229501-show-me-glamour-is-back.html http://www.berlin.de/events/2645871-2229501-tipi-am-kanzleramt-und-bar-jeder-vernunf.html http://www.berlin.de/tourismus/fotos/1846494-59548-potsdamer-platz-the-platz-to-be.html

18 / 25 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: 1 2 + Angezeigter Name Ihres Unternehmens + Adresse, Telefon- / Faxnummer, allgem. E-Mail-Adresse, URL zu Ihrer Webseite + bis zu 3 Bilder (Businesspaket) / 10 Bilder (Premiumpaket) + Ihr Logo + Beschreibungstext von ca. 1.000 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

19 / 25 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)

20 / 25 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

21 / 25 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: 300 x 50 px / 300 x 75px / 300 x 100 / 300 x 150 px Dateiformate: gif, jpg, png 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 Dateiformate: gif, jpg, png mit Close Button 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 Dateiformate: gif, jpg, png mit Close Button Dateigröße: max. 25 KB 1 2 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) Dateiformate: gif, jpg, png mit Close Button Dateigröße: max. 25 KB Reminder: MCA 4:1 / 6:1

22 / 25 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. Abmessung: 320 x 416 px (max. Expansion) Dateiformate: gif, jpg, png mit Close Button Dateigröße: max. 25 KB Reminder: MCA 4:1 / 6:1 Abmessung: 320 x 100 px Dateiformate: gif, jpg, png Dateigröße: max. 15 KB pro Motiv Mobile Sticky 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: 300 x 50 px Dateiformate: gif, jpg, png mit Close Button Dateigröße: max. 20 KB 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 Video: Position oben, mitte oder unten Seitenverhältnis: 4:3 / 16:9 Dateiformate: gif, jpg, png (Grafik), Mp4, H264 / AVC (Video; max.10 Sek. Länge)

23 / 25 Anforderung an Flash-Werbemittel Soll ein Flash-Werbemittel genutzt werden, sind folgende Punkte zu beachten: Es sollten immer alternative Werbemittel als gif oder jpg mitgeliefert werden. Die Klick-URL wird benötigt. Trackingmethode der Adclicks ist die clicktag -Methode. Daher muss im Flash-Werbemittel ein Button mit clicktag integriert sein. (http://www.adobe.com/resources/richmedia/tracking/designers_guide) Die optimale Frame Rate liegt bei 15-18 Bilder pro Sekunde. Eine Frame Rate von 25 fps sollte nicht überschritten werden. Ein Flash-Werbemittel darf die CPU Last auf einem durchschnittlichen Rechner nach dem aktuellen Stand der Technik nicht um mehr als 10%-Punkte beeinflussen. Sound kann grundsätzlich benutzt werden, allerdings darf dieser erst per Klick aktiviert werden. Dazu muss ein gut sichtbarer Button im Werbemittel integriert sein, mittels dessen der User den Sound (de) aktivieren kann. Werden mehrere Flash-Werbemittel kombiniert (z. B.: Wallpaper), so können diese miteinander kommunizieren um beispielsweise einen synchronisierten Start zu realisieren. Dabei sollte sichergestellt werden, dass diese Kommunikation auf ein Fenster/Tab beschränkt ist. Ansonsten kann es, bei zeitgleicher Nutzung mehrer Fenster/Tabs durch den User, zu Fehlverhalten der Werbmittel kommen. Wichtig: WMODE : Auch bei 3rd Party Redirects immer definieren! Wmode = transparent für Superbanner, Content Ad und Skyscraper Wmode = opaque für Flash Layer Ads

24 / 25 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. Nutzen Sie die Möglichkeit der Bandbreitenabfrage, um dem User eine optimale Qualität des Streamings zu gewährleisten. 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): http://www.adobe.com/devnet/video.html 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): http://help.adobe.com/en_us/flashplatform/reference/actionscript/3/flash/system/security.html

25 / 25 Ihr Kontakt zu uns Unser Team Thomas Brettschneider Head of Sales Wenke Steinmann Senior Sales Managerin Tourismus & Hotels Shopping Nadin Hornberger Sales Managerin Kultur & Tickets Veranstaltungen Tel.: 030-23 27-6321 Thomas.Brettschneider@BerlinOnline.de Tel.: 030-23 27-5661 Wenke.Steinmann@BerlinOnline.de Tel.: 030-23 27-5906 Nadin.Hornberger@BerlinOnline.de Alexander Baum René Semmlack Ad Management Fax Sales Sales Manager Sales Manager Kino Sport Restaurants Immobilien Wirtschaft Jobs Clubs Auto Shopping & Ausbildung Gesundheit & Beauty Reisen Tel.: 030-23 27-6287 Tel.: 030-23 27-6410 Tel.: 030-23 27-6403 030-23 27-5280 Alexander.Baum@BerlinOnline.de Rene.Semmlack@BerlinOnline.de Media@BerlinOnline.de