20140703 display & video reloaded mit html 5 adbalancer hantschel
DESCRIPTION
Display & Video Reloaded mit HTML 5: Erfolgsgeheimnisse und ein Blick hinter die Kulissen für Marketingentscheider Wo liegen die Unterschiede zwischen HTML5 und Flash? Was bringt diese neue Technologie und was muss ich als Marketingverantwortlicher wissen, wenn ich eine Kampagne plane? Erfahren Sie Einsatzmöglichkeiten, Sonderwerbeformen und Knackpunkte, mit zahlreichen Beispielen aus der Praxis.TRANSCRIPT
© adbalancer , 2014
Display & Video Reloaded mit HTML 5
Prozesse für MarkeEngentscheider und Kampagnen Manager
Damals (2002)
Heute (2014)
Was hat sich geändert?
• Stark wachsende Mobile-‐ und Tabletnutzung • Flash als Standard nicht unterstützt • Sinkende Reichweite am Desktop • Schwer Mediennutzung der Zielgruppen abzubilden
0
5
10
15
2011 2012 2013 2014 2015 2016
1,45 2,61 4,31 6,46 8,66 10,83
Das Surfverhalten hat sich geändert!
Lösung
• Werbung auf mobilen Endgeräten o AlternaEvbild o Animiertes Gif in 256 Farben o HTML5 Banner
Warum HTML5?
• gestalterische Möglichkeiten • mehr InformaEon • mehr Aufmerksamkeit • InterakEvität • Videowerbung • höherer Werbeerfolg • Ein Werbemi\el für alle Endgeräte
Warum Standardisierung?
• Kein Selbstzweck • Kampagnenprozess erleichtern • Schaltungsprozess vereinfachen • Ressourcen schonen • Werbeerfolg opEmieren
Standardisiert wurden im ersten Schri\…
• Standard-‐Displayformate umgesetzt in HTML5 • mit fixer Größe innerhalb des Contents • Keine Overlays oder expandierende Werbemi\el • Keine In-‐App Werbemi\el
• Kleinster gemeinsamer Nenner
Was wurde standardisiert?
• Filegröße • Fileanzahl und Code-‐ und Grafikkomprimierung • Clicktag • Backupimage, BrowserkompaEbilität • Video • AnimaEon • Anlieferung • Vorlaufzeit
Was wurde standardisiert?
• Filegröße • Fileanzahl und Code-‐ und Grafikkomprimierung • Clicktag • Backupimage, BrowserkompaEbilität • Video • AnimaEon • Anlieferung
• Vorlaufzeit
Filegröße
Filegröße < 150 kb
hat Auswirkungen auf das Sujet • Gestaltung • AnimaEon • Qualität • Ladezeit • Visibility
Gestalterischer Spielraum
o Welche Werbebotschag müssen vorrangig transporEert werden? - Aussagekrägiges Startbild/Preloadbild/Fallbackbild
o Gestaltung - Bilder vs. Typo
o InterakEve „On Demand“-‐ FunkEonen - Videos - Aufwendige AnimaEonen und Effekte
o Streaming
Warum Streaming?
• Filegrößen sind limiEert auf 60 kb seitens der Publisher o Verfügbarer Bandbreite o Hohe Anzahl von Prozessen o Hohe Datenmenge
• Auslieferung garanEeren auch bei höchster Last • Anzeige wird nur limiEert durch User-‐Bandbreite • Mehr Flexibilität vor und während der Kampagne
Bandbreite und Prozesse
Gegenüber Flash • Keine Komprimierung von Grafiken, Text und AnimaEon • HTML5 –Banner bestehen aus zahlreichen, einzelnen Files
Warum sind HTML5 Werbemi\el meist teurer?
• Mehr OpEmierungsaufwand • Grafiken • AnimaEon erfolgt meist in „Handarbeit“ ohne Tools • Aus Tools generierte Banner müssen nachbearbeitet werden • TesEng auf Browsern und Endgeräten
Anzeige & TesEng
• Unzählige Endgeräte • Unzählige Browser und Versionen • Betriebssysteme und Versionen • … und KombinaEonen davon à aber Lebenszyklen werden kürzer
Vorlaufzeiten
• Sind wichEg für den opEmalen Start einer Kampagne o KreaEver Hinsicht o Technischer Hinsicht o Terminlicher Hinsicht
© adbalancer , 2014
Werber
Mediaagentur
Werbeagentur
Onlineagentur
Vermarkter
Publisher, Medium
adserver
Streaming Anbieter
© adbalancer , 2014
KreaEvprozess Design
Programmierung
Streaming, HosEng
Vermarkter, adserver
Medium, Publisher
Online Media
Mobile Media
Smart TV
Was tun bei Zeitdruck?
• Früh Briefen, auch wenn noch nicht alle Details letztgülEg feststehen
• Werbe-‐ und Online-‐ und Mediaagentur vernetzen o OpEmale Formate für Sujets ermi\eln o KreaEve Ideen entwickeln o Sonderwerbeformen o PretesEng
Was tun bei Zeitdruck
• Online Kampagne später starten lassen • Bannererstellung noch vor Endfreigabe der Werbesujets
o Warten Sie nicht auf die Reinzeichnung o Auoau, Dramaturgie, AnimaEonen & InterakEve Elemente o Vorabversion bereits einbinden und testen lassen
© adbalancer , 2014
Test auf den Medien
KreaEvprozess Werbemi\el-‐erstellung
Upload am Streamingserver
Einbindungslink an Vermarkter, Medien,
Adserver Technisches Feedback
Tausch von Preisen, Grafiken, Inhalten,…
Endfreigabe durch Kunden
Tausch am Streamingserver
AbsEmmung
ONLINE und dann?
YEAH!
Danke für Ihre Aufmerksamkeit
Zum Schluss • noch ein paar Best-‐Of Beispiele was HTML5 Werbung alles
kann. • Im Anschluss stehe ich Ihnen für Fragen gerne zur Verfügung
Marcus Hantschel Döblinger Hauptstrasse 60/10 1190 Wien +43 676 702 20 36 [email protected]