rich media banners — take your knowledge to the next level

45
Alius Petraska

Upload: fdconf

Post on 29-Nov-2014

356 views

Category:

Technology


0 download

DESCRIPTION

Alius Petraska «Rich Media Banners — Take Your Knowledge to the Next Level» Frontend Dev Conf'14 www.fdconf.by

TRANSCRIPT

Page 1: Rich Media Banners — Take Your Knowledge to the Next Level

Alius Petraska

Page 2: Rich Media Banners — Take Your Knowledge to the Next Level

feel free to ask

Page 3: Rich Media Banners — Take Your Knowledge to the Next Level
Page 4: Rich Media Banners — Take Your Knowledge to the Next Level
Page 5: Rich Media Banners — Take Your Knowledge to the Next Level

Alius Petraska

Page 6: Rich Media Banners — Take Your Knowledge to the Next Level

question #1

Page 7: Rich Media Banners — Take Your Knowledge to the Next Level

question #1

Page 8: Rich Media Banners — Take Your Knowledge to the Next Level
Page 9: Rich Media Banners — Take Your Knowledge to the Next Level

90%OF USERS HATES ADS

Page 10: Rich Media Banners — Take Your Knowledge to the Next Level
Page 11: Rich Media Banners — Take Your Knowledge to the Next Level

question #2

Page 12: Rich Media Banners — Take Your Knowledge to the Next Level

RICH MEDIA

While text ads sell with words, and display ads sell with pictures…

Rich Media ads offer more ways to involve an audience with an ad. The ad can expand, float, peel down & etc;

Page 13: Rich Media Banners — Take Your Knowledge to the Next Level

RICH MEDIA VIDEO

Page 14: Rich Media Banners — Take Your Knowledge to the Next Level
Page 15: Rich Media Banners — Take Your Knowledge to the Next Level
Page 16: Rich Media Banners — Take Your Knowledge to the Next Level
Page 17: Rich Media Banners — Take Your Knowledge to the Next Level
Page 18: Rich Media Banners — Take Your Knowledge to the Next Level

THE POPE INAUGURATION

Page 19: Rich Media Banners — Take Your Knowledge to the Next Level

PUBLISHER MOBILE GROWTH

Publishers across the globe now seeing over 50% mobile traffic to their online properties.

19

Page 20: Rich Media Banners — Take Your Knowledge to the Next Level
Page 21: Rich Media Banners — Take Your Knowledge to the Next Level

MOBILE VIDEO

Page 22: Rich Media Banners — Take Your Knowledge to the Next Level
Page 23: Rich Media Banners — Take Your Knowledge to the Next Level

FILMSTRIP

Tap default ad to expand full screen banner

Swipe through vertically scrolling banners

Expanded section scales and repositions relative to landscape/portrait views

Page 25: Rich Media Banners — Take Your Knowledge to the Next Level

GYROSCOPE TILT

Utilise the mobile’s accelerometer to control banner content

Page 27: Rich Media Banners — Take Your Knowledge to the Next Level

SMARTPHONE CONNECT

Control 2nd screen via smartphone tap gestures

Page 28: Rich Media Banners — Take Your Knowledge to the Next Level

SMARTPHONE CONNECT

Control 2nd screen via smartphone swipe gestures

Page 29: Rich Media Banners — Take Your Knowledge to the Next Level

SMARTPHONE CONNECT

Control 2nd Screen via smartphone tap gestures

Page 30: Rich Media Banners — Take Your Knowledge to the Next Level

SMARTPHONE CONNECT

Control 2nd Screen via smartphone tap gestures

Page 31: Rich Media Banners — Take Your Knowledge to the Next Level

INTERACTIVE ADD-ONS

Page 34: Rich Media Banners — Take Your Knowledge to the Next Level

RESPONSIVE AD UNIT

One ad for all devices. Assets scale and reposition relative to screen size.

Page 35: Rich Media Banners — Take Your Knowledge to the Next Level

APP SOLUTIONS

Page 36: Rich Media Banners — Take Your Knowledge to the Next Level

MRAID

Mobile Rich Media Ad Interface Defintions (MRAID)

IAB initiative to standardise mobile ad serving

Defines a common API for running across mobile apps

Page 37: Rich Media Banners — Take Your Knowledge to the Next Level
Page 38: Rich Media Banners — Take Your Knowledge to the Next Level

JEEP AD EXECUTION FOR WINDOWS 8

Page 39: Rich Media Banners — Take Your Knowledge to the Next Level

JEEP AD EXECUTION FOR WINDOWS 8

Page 40: Rich Media Banners — Take Your Knowledge to the Next Level

JEEP AD EXECUTION FOR WINDOWS 8

Page 41: Rich Media Banners — Take Your Knowledge to the Next Level

JEEP AD EXECUTION FOR WINDOWS 8

Page 42: Rich Media Banners — Take Your Knowledge to the Next Level

JEEP AD EXECUTION FOR WINDOWS 8

Page 43: Rich Media Banners — Take Your Knowledge to the Next Level

HTML5 ads are a new and rising submarket;

Page 44: Rich Media Banners — Take Your Knowledge to the Next Level

last chance to ask

Page 45: Rich Media Banners — Take Your Knowledge to the Next Level