werbemittelspezifikationen - berlinonline...der kampagne per e-mail an [email protected] und cc...

29
Werbemittelspezifikationen BerlinOnline Stadtportal GmbH & Co. KG 2017

Upload: others

Post on 03-Jun-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

WerbemittelspezifikationenBerlinOnline Stadtportal GmbH & Co. KG

2017

Page 2: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

2 / 29

Inhaltsverzeichnis

Inhaltsverzeichnis .................................................................2

Anlieferung Ihrer Werbemittel ...........................................3

Übersicht Werbeformen ......................................................4

Superbanner & Skyscraper..................................................5

Content Ad ............................................................................6

Halfpage Ad ............................................................................7

Wallpaper ...............................................................................8

Layer .......................................................................................9

Bottom Ad .............................................................................10

Fireplace .................................................................................11

Billboard .................................................................................12

Sidebar ....................................................................................13

Expandable Ads .....................................................................14

Tandem Ads ...........................................................................15

Sonderwerbeform - Teaser ..................................................16

Sonderwerbeform - TeaserAd .............................................17

Sonderwerbeform - Sponsored Link ..................................18

Sonderwerbeform - Microsite .............................................19

Sonderwerbeform - BerlinFinder .......................................21

Sonderwerbeform - Navigationslink ..................................22

Sonderwerbeform - Newsletteranzeige ...........................23

MobileAds für Smartphones ...............................................24

Anforderungen für HTML5 Werbemittel ...........................26

Anforderungen für HTML5 Werbemittel Klickzählung ...27

Video-Stream-Ads .................................................................28

Ihr Kontakt zu uns .................................................................29

Page 3: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

3 / 29

Bitte liefern Sie die Werbemittel mindestens drei Werktage vor Start der Kampagne per E-Mail an [email protected] und CC Ihren zu-stä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 wel-ches 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 unter-schiedlichen 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 ab-lehnen und um Überarbeitung bitten.

Anlieferung Ihrer Werbemittel

Page 4: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

4 / 29

Übersicht Werbeformen

Superbanner Skyscraper ContentAd Halfpage Ad Wallpaper Layer

728/980 x 90 pxmax. 200KB

120/160/200x600 pxmax. 200KB

300x250 pxmax. 200KB

300x600 px max. 200KB

Superbanner+Skyscraper je max.200KB

variable Ab-messung (max. 500x500 px) max. 200KB

Bottom Ad Fireplace Billboard Sidebar Expandable Ads Tandem Ads

variable Abmes-sung (max.Seiten-breite) max. 200KB

Skyscraper links +Skyscraper rechts +Superbanner

800/980x250 pxmax. 200KB

160x600 px - max. 1600xBildschirmhö-he, max. 200KB

vergößern sich beim Mouseover max. 200KB

Kombination von Standardwerbefor-men

Page 5: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

5 / 29

Superbanner & Skyscraper

1) Superbanner+ wird direkt im Kopfteil der Website integriert

Abmessung: 728/980 x 90 px Dateiformate: gif, jpg, HTML5 Dateigröße: max. 200 KBOptionale Einbindung: Werbemittel können auchals Redirect, HTML oder I-Frame eingebundenwerden

2) Skyscraper+ wird contentnah am rechten Bildschirmrand platziert

Abmessung: 120/160/200 x 600 px Dateiformate: gif, jpg, HTML5 Dateigröße: max. 200 KBOptionale Einbindung: Werbemittel können auchals Redirect, HTML oder I-Frame eingebundenwerden

1

2

Page 6: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

6 / 29

1) Content Ad+ befindet sich im sofort sichtbaren Bereich und erzeugt dadurch große Aufmerksamkeit

Abmessung: 300 x 250 px Dateiformate: gif, jpg, HTML5 Dateigröße: max. 200 KBOptionale Einbindung: Werbemittel können auchals Redirect, HTML oder I-Frame eingebundenwerden

Content Ad

Page 7: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

7 / 29

2) Halfpage Ad+ ist aufmerksamkeitsstark und setzt Ihre Werbebot- schaft dadurch hervorragend in Szene

Abmessung: 300 x 600 px Dateiformate: gif, jpg, HTML5 Dateigröße: max. 200 KBOptionale Einbindung: Werbemittel können auchals Redirect, HTML oder I-Frame eingebundenwerden

Halfpage Ad

Page 8: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

8 / 29

Wallpaper

WallpaperKombination aus zwei Formaten:1) Horizontal: Superbanner (728/980 x 90 px)2) Vertikal: Skyscraper (120/160/200 x 600 px)

Die oberen 90 Pixel des Skyscraper sollten einen fließenden Übergang zum Superbanner haben, da die beiden Werbemittel andieser Stelle „zusammenwachsen“.Der Skyscraper zieht sich auf der y-Achse bis an denoberen Rand der Seite. Der Superbanner zieht sich auf der x-Achse an den Skyscraper.

Für ein weiteres Plus an Aufmerksamkeit kann derkomplette Hintergrund eingefärbt werden. Für dieEinfärbung benötigen wir zusätzlich den Farbcode(Beispiel: #000000).Farbverläufe im Hintergrund sind leider nicht möglich.

Page 9: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

9 / 29

Layer

Layer+ legt sich aufmerksamkeitsstark über den Content der Seite

Abmessung: variabel (max. 500 x 500 px)Dateiformate: gif, jpg, HTML5 Dateigröße: max. 200 KBOptionale Einbindung: Werbemittel können auchals Redirect, HTML oder I-Frame eingebundenwerden

Jeder Layer benötigt einen gut sichtbaren“Schließen“-Button. Der Close-Button ist mitfolgender Schließen-Funktion zu belegen:getURL(„Javascript:f4d_hide_layer()“,“_self“)

Weiterhin sollte eine Werbemittelanzeige von15 Sekunden nicht überschritten werden, wonachsich der Layer selbständig schließen muss.

Page 10: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

10 / 29

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 pxDateiformate: gif, jpg, HTML5 Dateigröße: max. 200 KB

Jedes Bottom Ad benötigt einen gut sichtbaren“Schließen“-Button. Der Close-Button ist mitfolgender Schließen-Funktion zu belegen:getURL(„Javascript:f4d_hide_layer()“,“_self“)

Page 11: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

11 / 29

Fireplace

Fireplace+ großflächiges und prominentes Format+ Kombination aus Skyscraper links, Superbanner und Skyscraper rech

Abmessung:Skyscraper rechts: 120 / 160 / 200 / 250 / 300 x 600 pxSkyscraper links: 120 / 160 / 200 / 250 / 300 x 600 pxSuperbanner: 980 x 90 pxDateiformate: gif, jpg, HTML5 Redirect Dateigröße: max. 200 KB pro Format

Page 12: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

12 / 29

Billboard

Billboard+ Festplatzierung zwischen Header und Content

Abmessung: 800/980 x 250 pxDateiformate: gif, jpg, HTML5 Dateigröße: max. 200 KBOptionale Einbindung: Werbemittel können auchals Redirect, HTML oder I-Frame eingebundenwerden

Page 13: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

13 / 29

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. 1600 x BildschirmhöheDateiformate: gif, jpg, HTML5 Dateigröße: max. 200´ 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.

Sidebar

Page 14: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

14 / 29

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 pxAusdehnungsrichtung: nach unten

SkyscraperMax. Ausdehnung: 300 x 600 px Ausdehnungsrichtung: rechts oder links

Content AdMax. Ausdehnung: 400 x 400 pxAusdehnungsrichtung: links und unten

Bei der Werbemittelerstellung ist zu beachten, dass das Expandable sich bei Mouseout sofort wieder auf die Standardgröße verkleinern muss.

Page 15: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

15 / 29

Tandem Ads

Tandem AdsKombination aus:

Superbanner + Layer Ad (Beispiel: siehe Bild links)Skyscraper + Layer AdSkyscraper + Content Ad

Es werden demnach zwei Flächen ausgenutzt, wodurch Werbebotschaften besonders gut transpor-tiert 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 abverkaufso-rientierte Kampagnen. Bitte entnehmen Sie die genau-en Maße der jeweiligen Werbemittelerklärung.

Page 16: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

16 / 29

Sonderwerbeform - Teaser

Teaser+ Ihre Anzeige mit Text und Bild im redaktionellen Umfeld + permanente Einblendung und Verlinkung direkt auf Ihre Internetseite

Bild: Berlin.de: 800x600 px visitBerlin.de: 370x218 px; 465x351 pxHeadline: max. 30 Zeichen inkl. LeerzeichenWerbetext: max. 115 Zeichen inkl. Leerzeichen

Page 17: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

17 / 29

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: Berlin.de: 800x600 px visitBerlin.de: 420x236 pxHeadline: max. 30 Zeichen inkl. LeerzeichenWerbetext: max. 115 Zeichen inkl. Leerzeichen

Das TeaserAd ist optisch nicht vom redaktionellen Teaser (vgl. Seite 16) zu unterscheiden, weist aber alle Funktionen eines Banners auf.Für die Erstellung werden Bild und Text benötigt.

Page 18: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

buchbar für: Berlin.de und visitBerlin.de

18 / 29

Sponsored LinkKombination aus:

1) Sponsored Link in der Suche2) Sponsored Link im themenaffinen Umfeld

+ Ihre Bild-/ Textanzeige in den Suchergebnissen von Berlin.de und visitBerlin.de+ suchwortspezifische Aussteuerung in der Portalsuche und auf themenspezifischen Seiten+ Suchwörter: max. 30 Suchwörter+ Abrechnung pro Klick+ Laufzeit: bis Budget abgeklickt ist + Werbemittel ist AdBlocker-resistent+ Sichtbarkeit auf allen Endgeräten

Bild: Berlin.de: 122x92 px visitBerlin.de: 465x351 pxHeadline: ca. 40 Zeichen Werbetext: ca. 140 Zeichen Cost-per-Click: 0,20 EURStartbudget: mind. 100,00 EUR

Sonderwerbeform - Sponsored Link

1

2

Page 19: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

19 / 29

Sonderwerbeform - Microsite

Microsite1) Bilder ContentspalteAbmessung: Breite: max. 800 px; Höhe: variabelDateiformate: jpg

2) Bilder ServicespalteAbmessung: Breite: max. 800 px; Höhe: variabelDateiformate: jpg

3) FotostreckenAlle 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 druck-fähigen Bilder benötigen. 96dpi sind ausreichend. Das Copyright der Bilder ist zwingend anzugeben.

4) VideosDas 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.

1

3

2

4

Page 20: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

20 / 2920 / 29

Sonderwerbeform - Microsite

Bitte beachten Sie, dass die Microsite 2-spaltig ist (Content- und Ser-vicespalte). In der Contentspalte sollten die wichtigsten und wesentli-chen Informationen zum Unternehmen / Produkt kommuniziert wer-den. 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 un-begrenzt)

+ 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 zu-sammenhä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/hotels/1-2-sterne-hotels/3202047-1693117-mo-tel-one-in-berlin.html

https://www.berlin.de/events/2659776-2229501-madi-zelt-der-sinne.html

https://www.berlin.de/events/2659776-2229501-madi-zelt-der-htt-ps://www.berlin.de/events/2646674-2229501-chamaeleon-theater-berlin.htmlsinne.html

http://www.berlin.de/events/3520826-2229501-friedrichstadt-palast.html

http://www.berlin.de/events/2526608-2229501-ddr-museum.html

http://www.berlin.de/tourismus/unterkunft/luxushotels/1696804-2148715-regent-berlin.html

Page 21: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

21 / 29

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. 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)

2

3

1

Page 22: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

22 / 29

Sonderwerbeform - Navigationslink

Navigationslink+ direkter Link zu Ihrer Microsite

Bitte geben Sie den gewünschten Namendes Navigationslinks vor, z.B.„Chamäleon Theater“ (Zeichenlänge max.20 Zeichen inkl. Leerzeichen)

Page 23: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

23 / 29

Sonderwerbeform - Newsletteranzeige

Newsletteranzeige - Teaser+ direkter Link zu Ihrer gewünschten Website

Bild: 200 x 100 pxHeadline: max. 40 Zeichen inkl. LeerzeichenWerbetext: max. 140 Zeichen inkl. Leerzeichen

Page 24: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

24 / 29

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, HTML 5Dateigröße: max. 100 KBTKP: 15,00 EUR

Mobile Sticky Footer Ad +   Das Mobile Sticky Ad ist fest oberhalb der Menül-

eiste der Apps oder der mobilen Website platziert und verweilt dort bis zu 10 Sekunden. Nach Ab-lauf der 10 Sekunden oder durch Nutzerinterakti-on blendet sich das Werbemittel nach unten aus.

Abmessung: 320 x 50 px Dateiformate: gif, jpg, png mit Close Button, HTML 5Dateigröße: max. 100 KB TKP: 8,00 EUR

Mobile Content Ad+ Standard Werbeformat im mobilen Be- reich 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 / 300 x 250 Dateiformate: gif, jpg, png, HTML 5Dateigröße: max. 100 KBTKP: 5,00 EUR / 6,00 EUR / 7,00 EUR / 8,00 EUR

Mobile Flip Ad + Die mobile Website dreht sich um die eigene

Achse und eine bildschirmfüllende Werbe-flä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, HTML 5Dateigröße: max. 100 KBTKP: 15,00 EUR

MobileAds für Smartphones

Page 25: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

25 / 29

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 100 px Dateiformate: gif, jpg, png, HTML 5Dateigröße: max. 50 KB pro MotivTKP: 7,00 EUR

Mobile Video Interstitial / Layer +  Das Werbemittel kann vom Nutzer geschlos-

sen  werden und schließt sich nach Ende des Videos selbst. Buchbar für iPhone.

Abmessung: 640 x 920 pxVideo: Position oben, mitte oder untenSeitenverhältnis: 4:3 / 16:9Dateiformate: gif, jpg, png (Grafik),Mp4, H264 / AVC (Video; max .10 Sek. Länge), HTML 5TKP: 15,00 EUR

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.

Abmessung: 320 x 416 px (max. Expansion)Dateiformate: gif, jpg, png mit Close Button, HTML 5Dateigröße: max. 100 KBReminder: MCA 4:1 / 6:1TKP: 10,00 EUR

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, HTML 5Dateigröße: max. 100 KBReminder: MCA 4:1 / 6:1TKP (Mobile PreExpandable Ad): 12,00 EUR TKP (Mobile Expandable Ad): 8,00 EUR

1

2

Page 26: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

26 / 29

Anforderungen für HTML5 Werbemittel

Wichtig:HTML5 Werbemittel können als Redirect oder als physische Datei ange-liefert 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 Wer-bemittel Browserausschlüsse oder ähnliches nötig, so ist dies bei Anlie-ferung 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.

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 Werbemit-tel als eine einzelne HTML-Datei. Alle Objekte bis auf Videos müssen dann BASE64-codiert innerhalb der HTML5-Datei liegen. Videos müs-sen 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.

HTML5 Werbemittel inkl. Code und Bilder:+ Desktop: 100 kB+ Tablet: 60 kB+ Phone: 40 kB

Maximale nachgelagerte Dateigröße (zusätzlich erlaubtes Ladevolu-men, um eine Nutzer-Interaktion zu ermöglichen):+ Desktop: 150 kB+ Tablet: 150 kB+ Phone: 100 kB

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 Optimierungsverfah-ren als auch durch sparsame Anwendung von Animationen und Ein-bindung externer Elemente wie Fonts und Bibliotheken einzuhalten, welche auch bei der Dateigröße dazu zu rechnen sind.

Page 27: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

27 / 29

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://www.hosting.de/banner.html?clickTAG=http://www.ziel.de/landingpage.html 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‘);

Page 28: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

28 / 29

Ein Video (z. B. FLV, MPEG etc.) muss in einem Flash-Werbemittel einge-bettet werden! Die Videodatei sollte auf einem externen Server vorlie-gen.

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 But-ton für „Stop“, „Pause/Play“ und „Ton an/aus“ vorhanden sein.

Geben Sie den Usern auch die Möglichkeit, sich den Spot ein weite-res 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 darge-stellt werden oder auf andere Art zu Verwechslungen mit Systemmel-dungen 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

Video-Stream-Ads

Page 29: Werbemittelspezifikationen - BerlinOnline...der Kampagne per E-Mail an media@berlinonline.de und CC Ihren zu-ständigen Ansprechpartner bei BerlinOnline. Für eine schnelle und zuverlässige

29 / 29

Ihr Kontakt zu unsUnser Team

Thomas Brettschneider René Semmlack Constantin Reich Madleen BlonskeHead of Sales Senior Sales Manager Sales Manager Sales Managerin

Immobilien | Wirtschaft Jobs & Ausbildung Gesundheit & Beauty | Reisen Shopping

Kultur & Tickets | Kino | Clubs Veranstaltungen

Tourismus & Hotels Restaurants

Tel.: 030 2327 - 6321 Tel.: 030 2327 - 6410 Tel.: 030 2327 - 5903 Tel.: 030 2327 - [email protected] [email protected] [email protected] [email protected]

Ad Management

Tel.: 030 2327 - [email protected]