1 / 15

MediaMind Mobile Rich Media <HTML5>

MediaMind Mobile Rich Media <HTML5>. Matthew Flatman | Creative Account Manager / Developer September 2012. 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.

ghada
Download Presentation

MediaMind Mobile Rich Media <HTML5>

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. MediaMindMobile Rich Media <HTML5> Matthew Flatman | Creative Account Manager / DeveloperSeptember 2012

  2. 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 3rd party plug-ins eg. Flash <HTML> JavaScript CSS 3

  3. Scalability on Mobile Standard Rich Media Custom Executions IAB Rising Stars HTML 5 is the easiest way to scale Mobile across the most devices and formats.

  4. Mobile Ad Formats Mobile Site Ads In-App Tablet specific Smartphones

  5. HTML5 templates • Basic Polite banner Expandable banner • Mobile Specific Tap to call Tap to Video and social sharing Tap to Image gallery adAPPter

  6. HTML5 Creative Upload

  7. HTML5 API In order to be tracked and function properly, every HTML5 ad must include the following: • Loading the initialisation code: <script type="text/javascript" src="http://ds.serving-sys-dev.com/BurstingScript/EBLoader.js"></script>

  8. HTML5 API • Initializing the ad flow after the EB script has been loaded: <script type="text/javascript"> function onInit() { // show the creative and start the flow } if (!EB.isInitialized()) EB.addEventListener(EBG.EventName.EB_INITIALIZED, onInit); else onInit(); </script>

  9. 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 Modernizr • showDefaultImage() Makes a request to show the default image defined for the ad, instead of the displayed rich banner.

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

  11. 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()"). .

  12. Debugging • To debug your HTML5 ad , you can use the built in developer debugging tool in every browser (usually by pressing F12):

  13. Debugging • The debugging tool: Detects Errors Shows Warnings Logs activity

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

  15. 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!

More Related