242/102/49 0/51/59 181/172/166 Primary colors 248/152/29 PMS 172 PMS 137 PMS 546 PMS /206/ /227/ /129/123 Secondary colors 114/181/204 PMS 148 PMS 7458 PMS 7457 PMS /79/75 PMS /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

© 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

© 2012 MediaMind | A division of DG | All rights reserved MediaMind Mobile Vision Strategy FUTURE Q Q2 2012

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

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

© 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

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

© 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

© 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

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

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

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

© 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

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

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

© 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

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

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

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

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

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

© 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

© 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

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

© 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();

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

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

© 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().

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

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

© 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

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

© 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

© 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

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

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

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