1. 242/102/49 0/51/59 181/172/166 Primary colors 248/152/29 PMS 172 PMS 137 PMS 546 PMS 407 251/206/146 202/227/233 141/129/123 Secondary colors 114/181/204 PMS 148 PMS 7458 PMS 7457 PMS 409 93/79/75 PMS 411 233/166/143 PMS 487 © 2012 MediaMind | A Division of DG | All rights reserved Matthew Flatman | Creative Account Manager / Developer September 2012 MediaMind Mobile Rich Media

2. © 2012 MediaMind | A division of DG | All rights reserved What is HTML5? HTML5 is the new standard of HTML Introduces new features & capabilities JavaScript and CSS provide the means to animate and add interactivity. Removes the reliance on 3 rd party plug-ins eg. Flash JavaScript CSS 3

3. © 2012 MediaMind | A division of DG | All rights reserved MediaMind Mobile Vision Strategy 1 2 3 FUTURE Q4 2012 Q2 2012

4. © 2012 MediaMind | A division of DG | All rights reserved HTML5 Mobile Beta

5. © 2012 MediaMind | A division of DG | All rights reserved Scalability on Mobile StandardRich Media IAB Rising Stars Custom Executions HTML 5 is the easiest way to scale Mobile across the most devices and formats.

6. © 2012 MediaMind | A division of DG | All rights reserved One Report Optimization All Campaign Channels MediaMind’s Cross-Channel Platform Display TV In-Stream Mobile Ad Agency MediaMind Platform Tell a complete Digital story to Advertiser

7. © 2012 MediaMind | A division of DG | All rights reserved Mobile Ad Formats In-App Mobile Site Ads Tablet specificSmartphones

8. © 2012 MediaMind | A division of DG | All rights reserved No Cookies? Now What? Page header info (operating system, screen size, carrier, IP) Encrypted hardware ID - used for performance tracking, frequency capping, and re- targeting Location Application category, user ratings, number of reviews First party registration data from Pub

9. © 2012 MediaMind | A division of DG | All rights reserved HTML5 templates ▸ Basic Polite banner Expandable banner ▸ Mobile Specific Tap to call Tap to Video and social sharing Tap to Image gallery adAPPter

10. © 2012 MediaMind | A division of DG | All rights reserved HTML5 Creative Upload

11. © 2012 MediaMind | A division of DG | All rights reserved Mobile Analytics

12. © 2012 MediaMind | A division of DG | All rights reserved Ability to Analyze Digital Devices Online Mobile ▸ Brand impact from integrated marketing communications ▸ Cross media comparisons Unified Report Impressions Video Clicks Conversions Search etc...

13. © 2012 MediaMind | A division of DG | All rights reserved Mobile Reporting & Analytics ▸ Impressions ▸ Clicks ▸ CTR ▸ Open Count ▸ Close Count ▸ Expand Duration ▸ 1x1 Impression Tracking Count ▸ Custom Interactions ▸ Video Started ▸ Video Quartile Reporting ▸ Video Completed ▸ Replay ▸ Pause ▸ Mute/Unmute Campaign Monitor Mobile Specific Metrics

14. © 2012 MediaMind | A division of DG | All rights reserved Integrated Mobile Analytics Hybrid Reporting (Mobile + Online) Mobile Specific Reporting Cross-Channel Reporting

15. © 2012 MediaMind | A division of DG | All rights reserved Account setup Enables an account / user to create HTML5 ads

16. © 2012 MediaMind | A division of DG | All rights reserved HTML5 Ad Formats ▸ 2 new ad formats: HTML5 Polite HTML5 Expandable ▸ New browser & device filtering options

17. © 2012 MediaMind | A division of DG | All rights reserved Site setup Enables a Site to serve HTML5 ads

18. © 2012 MediaMind | A division of DG | All rights reserved HTML5 Ad Formats

19. © 2012 MediaMind | A division of DG | All rights reserved HTML5 Ad Filtering

20. © 2012 MediaMind | A division of DG | All rights reserved HTML5 Ad serving considerations ▸ Tracking of unique impressions is not supported. ▸ Tracking of conversions is not supported. ▸ No support for Smart Versioning or Smart Versioning Pro. ▸ Currently there are no available mobile application- and specific mobile-targeting reports. ▸ The Workspace should not exceed 10MB, or 100MB if you have special permissions. ▸ Dwell time reporting is currently not supported.

21. © 2012 MediaMind | A division of DG | All rights reserved Uploading HTML5 Ads Enables a Site to serve HTML5 ads

22. © 2012 MediaMind | A division of DG | All rights reserved Uploading HTML5 Ads Workspace: A.zip File containing all of your (working) ad assets. After uploading the.zip file, a workspace will be created in the accounts creative assets folder (using the.zip file name as the workspace name) Enables a Site to serve HTML5 ads

23. © 2012 MediaMind | A division of DG | All rights reserved Uploading HTML5 Ads Workspace: A.zip File containing all of your (working) ad assets. Enables a Site to serve HTML5 ads

24. © 2012 MediaMind | A division of DG | All rights reserved HTML5 API In order to be tracked and function properly, every HTML5 ad must include the following: ▸ Loading the initialisation code:

25. © 2012 MediaMind | A division of DG | All rights reserved HTML5 API ▸ Initializing the ad flow after the EB script has been loaded: function onInit() { // show the creative and start the flow } if (!EB.isInitialized()) EB.addEventListener(EBG.EventName.EB_INITIALIZED, onInit); else onInit();

26. © 2012 MediaMind | A division of DG | All rights reserved HTML5 API Common API methods: ▸ isInitialized() Checks whether the EB object is fully initialized and available for API calls. ▸ browserSupports() Verifies if the browser supports the specified HTML feature, using ModernizrModernizr ▸ showDefaultImage() Makes a request to show the default image defined for the ad, instead of the displayed rich banner.

27. © 2012 MediaMind | A division of DG | All rights reserved HTML5 API Common API methods: ▸ clickthrough() Tracks a clickthrough custom interaction ▸ userActionCounter() Tracks a user action custom interaction ▸ automaticEventCounter() Tracks an automatic event counter custom interaction.

28. © 2012 MediaMind | A division of DG | All rights reserved HTML5 API Common API methods: ▸ startTimer() Starts a timer to measure the duration of a custom interaction ▸ stopTimer() Stops a timer used to measure the duration of a custom interaction ▸ initExpansionParams() Initializes the expansion parameters prior to using expand() ( "expand()") and collapse() ( "collapse()").expand()collapse().

29. © 2012 MediaMind | A division of DG | All rights reserved Debugging ▸ To debug your HTML5 ad, you can use the built in developer debugging tool in every browser (usually by pressing F12):

30. © 2012 MediaMind | A division of DG | All rights reserved Debugging ▸ The debugging tool: Detects Errors Shows Warnings Logs activity

31. © 2012 MediaMind | A division of DG | All rights reserved Debugging – Metrics tracked ▸ The following metrics are available for HTML5 Ads: Impressions Clicks CTR Expand Collapse Expand Duration 1x1 Impression Tracking Custom Interactions Video Started Video Quartile Reporting (video played to 25%, 50%, 75%, and completion) Video Completed Replay Pause Mute/Unmute

32. © 2012 MediaMind | A division of DG | All rights reserved MediaMind HTML5 Video Module ▸ The HTML5 Video module allows you to automatically track your video interactions. ▸ You can track multiple video instances in the same ad, e.g. two separate screens.

33. © 2012 MediaMind | A division of DG | All rights reserved HTML5 API ▸ Initializing the video module: The following code will enable the video module when serving the Ad: EBModulesToLoad = ['Video']; Note: the code must be before the call to EBLoader.js

34. © 2012 MediaMind | A division of DG | All rights reserved HTML5 API ▸ Creating an instance of the video object on the page: var Video1 = new EBG.VideoModule(videoElem1); var Video2 = new EBG.VideoModule(videoElem2); videoElem1 & videoElem2 are the names of the video objects in the HTML file. Note: Each video object should have its own HTML5 video instance

35. © 2012 MediaMind | A division of DG | All rights reserved HTML5 Video API Common API methods: ▸ playVideo() Use this method of playing the video instead of using HTML5video.play(), as it will allow you to initiate a user automatically or by user initiation. Example: Video1.playVideo(true); means that the video will play and track as user initiated. ▸ setFullScreenState() Will allow tracking of video metrics (in FS mode) when the video plays in FS mode in Firefox and IE9.

36. © 2012 MediaMind | A division of DG | All rights reserved HTML5 Beta Details ▸ Looking for Beta Partners to lead HTML5 in APAC ▸ Ideal campaign criteria – cutting edge innovation ▸ MediaMind to add tracking to fully functional HTML5 ads and upload (full service). ▸ Self-Service HTML5 process to follow ▸ Templates and demo files available to use now!

37. © 2012 MediaMind | A division of DG | All rights reserved HTML5 Certifications ▸ For status reports on HTML5 certification, go to https://mediamind.socialtext.net/mediamind- socialtext-n-central/mobile_certifications. https://mediamind.socialtext.net/mediamind- socialtext-n-central/mobile_certifications ▸ To request HTML5 Site certification, contact pubcert@mediamind.com. pubcert@mediamind.com