20140703 Display & Video Reloaded mit HTML 5 adbalancer Hantschel

©  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]