WerbemittelspezifikationenBerlinOnline Stadtportal GmbH & Co. KG

2019

2 / 24

Inhaltsverzeichnis

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

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

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

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

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

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

Fireplace ...................................................................................................9

Billboard ...................................................................................................10

Sidebar ......................................................................................................11

MobileAds für Smartphones .................................................................12

Sonderwerbeform – Teaser ...................................................................14

Sonderwerbeform – TeaserAd ..............................................................15

Sonderwerbeform – Sponsored Link ..................................................16

Sonderwerbeform – Microsite ..............................................................17

Sonderwerbeform – BerlinFinder ........................................................19

Sonderwerbeform – Newsletteranzeige ............................................20

Anforderungen für HTML5 Werbemittel ............................................21

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

Einfaches Beispiel für ClickTag mit Adobe animate ..........................23

Ihr Kontakt zu uns ..................................................................................24

3 / 24

Bitte liefern Sie die Werbemittel mindestens drei Werktage vor Start 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 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

4 / 24

Übersicht Werbeformen

Superbanner Skyscraper ContentAd Halfpage Ad

728/980 x 90 pxmax. 200KB

120/160/200x600 pxmax. 200KB

300x250 pxmax. 200KB

300x600 px max. 200KB

Wallpaper Fireplace Billboard Sidebar

Superbanner+Skyscraper je max.200KB

Skyscraper links +Skyscraper rechts +Superbanner

800/980x250 pxmax. 200KB

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

5 / 24

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

6 / 24

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

7 / 24

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

8 / 24

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.

9 / 24

Fireplace

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

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

10 / 24

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

11 / 24

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

12 / 24

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 75 px / 320 x 100 px / 320 x 150 px / 300 x 250 px Dateiformate: gif, jpg, png, HTML 5Dateigröße: max. 100 KBTKP: 5,00 EUR / 6,00 EUR / 7,00 EUR / 8,00 EUR

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 Reveal Ad + Das Werbemittel expandiert beim Seitenaufruf automatisch und schiebt den Content dabei nach unten. Nach 3-5 Sekunden zieht sich die Werbe-flä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

Mobile Halfpage Ad: + Durch den hohen Screenanteil innerhalb des Conents bietet dieses Werbemittel viel Platz für Ihre Werbebotschaft.

Abmessung: 300 x 600 px (max. Expansion)Dateiformate: gif, jpg, HTML 5Dateigröße: max. 100 KBTKP: 10,00 EUR

MobileAds für Smartphones

13 / 24

MobileAds für Smartphones

Mobile Large Inline Ad + Direkt im Content prominent positioniert bietet es die ideale Platzierung für einen nachhaltigen Branding-Effekt und als Alter-native zum Interstitial. + Werbemittel muss physisch angeliefert werden

Abmessung: 640 x 960 px & 320 x 480 pxDateiformate: gif, jpgDateigröße: max. 100 KBTKP: 15,00 EUR

Poster Ad + integriert sich fließend in den Seiteninhalt zwischen den Absätzen eines Artikels + erscheint beim Scrollen in einer Art Fenster hinter dem Content und verschwindet beim Weiterscrollen entsprechend aus dem sichtba-ren Bereich + Werbemittel muss physisch angeliefert werden

Abmessung: 375 x 680 px Dateiformate: gif, jpgDateigröße: max. 100 KBTKP: 15,00 EUR

Verhalten bei Scroll

14 / 24

Sonderwerbeform – Teaser

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

Bild: Berlin.de: 800x600 pxvisitBerlin.de: 370x218 px; 465x351 px

Headline: Startseiten: max. 30 Zeichen inkl. LeerzeichenRubrikenseite: max. 50 Zeichen inkl. Leerzeichen

Werbetext: Startseiten: max. 115 Zeichen inkl. LeerzeichenRubrikenseiten: max. 200 Zeichen inkl. Leerzeichen

15 / 24

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

16 / 24

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

1

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

2

17 / 24

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

18 / 24

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 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 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:

Motel One in BerlinMADI – Zelt der SinneFriedrichstadt-PalastDDR MuseumRegent BerlinCHAMÄLEON Theater Berlin

https://www.berlin.de/hotels/1-2-sterne-hotels/3202047-1693117-motel-one-in-berlin.htmlhttps://www.berlin.de/events/2659776-2229501-madi-zelt-der-sinne.htmlhttps://www.berlin.de/events/3520826-2229501-friedrichstadt-palast.htmlhttps://www.berlin.de/events/2526608-2229501-ddr-museum.htmlhttps://www.berlin.de/tourismus/unterkunft/luxushotels/1696804-2148715-regent-berlin.htmlhttps://www.berlin.de/events/2646674-2229501-chamaeleon-theater-berlin.html

19 / 24

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

1

3

20 / 24

Sonderwerbeform – Newsletteranzeige

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

Bild: 800 x 400 pxHeadline: ca. 50 Zeichen inkl. LeerzeichenWerbetext: ca. 200 Zeichen inkl. Leerzeichen

21 / 24

Anforderungen für HTML5 Werbemittel

Wichtig:HTML5 Werbemittel können als Redirect oder als physische Datei an-geliefert 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.

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 ZIP-Datei. Die ZIP-Datei sollte eine HTML-Datei und alle weite-ren Dateien enthalten, auf die die HTML-Datei verweist (HTML5, Ja-vaScript und Assets). Siehe auch: https://support.google.com/dcm/answer/3145300?hl=de

Auf Videos muss in der HTML-Datei extren referenziert werden.

Damit der Aufbau der Medien-Website und des Werbemittels nicht unnötig verzögert wird, sind Kreative angehalten, die einzelnen Ele-mente 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.

https://support.google.com/dcm/answer/3145300?hl=dehttps://support.google.com/dcm/answer/3145300?hl=de

22 / 24

Anforderungen für HTML5 Werbemittel Klickzählung

Grundsätzlich wird das Werbemittel in einem iFrame aufgerufen. Hier sehen Sie ein Beispiel für ein ClickTag, das in ein HTML-Dokument eingefügt wurde:

var clickTag = "http://www.google.com";

[Der restliche Creative-Code wird hier eingefügt.]

Achten Sie dabei unbedingt auf die richtige Größenangabe Ihres Contents.

In Ihrem Creative muss die ClickTag-Variable als Zielseiten-URL verwendet werden:

Siehe auch HTML5-Anforderungen für Ad Manager: https://support.google.com/admanager/answer/7046799?hl=de

Testen Sie ihre Daten bevor Sie sie uns schicken: + zippen Sie ihre HTML5- , JavaScript- und Bilddaten + geben Sie dem Archiv einen sinnvollen Namen z.B. „name_980x90_banner.zip“ + testen Sie Ihre Daten im Google HTML5-Validator: https://h5validator.appspot.com/adwords/asset

https://support.google.com/admanager/answer/7046799?hl=dehttps://h5validator.appspot.com/adwords/asset

23 / 24

Einfaches Beispiel für ClickTag mit Adobe animate

Haben Sie bereits eine animiertes Banner mit Adobe Animate erstellt und klicken auf Veröffentlichen, erhalten Sie eine HTML-Datei, eine JavaScript-Datei und einen Ordner mit Ihren eingebundenen Assets.

+ Öffnen Sie die HTML-Datei in einem Editor. + Fügen Sie dem Header folgenden Code hinzu und ersetzen Sie die Webadresse mit Ihrem eigenen Link-Ziel:

var clickTag="https://www.ihrewebadresse.de";

+ Umschließen Sie das Tag wie folgt mit einem Tag, der den ClickTag enthält. Der Inhalt Ihres bleibt dabei unberührt. Ihr gesamter Canvas ist damit eine Clicktag-Fläche.

…

Sie können das ClickTag auch einem anderen Element Ihres Banners, z.B. einem Button, zuweisen – wichtig ist, dass ein ClickTag vorhanden ist.

Siehe auch HTML5-Anforderungen für Ad Manager: https://support.google.com/admanager/answer/7046799?hl=de

Testen Sie ihre Daten bevor Sie sie uns schicken: + zippen Sie ihre HTML5- , JavaScript- und Bilddaten + geben Sie dem Archiv einen sinnvollen Namen z.B. „name_980x90_banner.zip“ + testen Sie Ihre Daten im Google HTML5-Validator: https://h5validator.appspot.com/adwords/asset

https://support.google.com/admanager/answer/7046799?hl=dehttps://h5validator.appspot.com/adwords/asset

24 / 24

Ihr Kontakt zu unsUnser Team

Thomas Brettschneider Constantin Reich Madleen BlonskeHead of Sales & e-Commerce Sales &

e-Commerce ManagerSales & e-Commerce Managerin

Kultur & Events | Clubs | Kino | Auto | Jobs | Finanzen | Reisen | Wirtschaft – B2B

Restaurants | Tourismus & Hotels | Shopping | Immobilien | Gesundheit & Beauty

Tel.: 030 2327 - 6321 Tel.: 030 2327 - 5903 Tel.: 030 2327 - 5661thomas.brettschneider@berlinonline.de constantin.reich@berlinonline.de madleen.blonske@berlinonline.de

Ad Management

Tel.: 030 2327 - 6403media@berlinonline.de

Anlieferung Ihrer WerbemittelÜbersicht WerbeformenSuperbanner & SkyscraperContent Ad Halfpage AdWallpaperFireplaceBillboardSidebarMobileAds für SmartphonesSonderwerbeform – TeaserSonderwerbeform – TeaserAdSonderwerbeform – Sponsored LinkSonderwerbeform – MicrositeSonderwerbeform – BerlinFinderSonderwerbeform – Newsletteranzeige Anforderungen für HTML5 WerbemittelAnforderungen für HTML5 Werbemittel KlickzählungEinfaches Beispiel für ClickTag mit Adobe animateIhr Kontakt zu uns