Mediamind mobile rich media html5
This presentation is the property of its rightful owner.
Sponsored Links
1 / 15

MediaMind Mobile Rich Media PowerPoint PPT Presentation


  • 254 Views
  • Uploaded on
  • Presentation posted in: General

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.

Download Presentation

MediaMind Mobile Rich Media

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Mediamind mobile rich media html5

MediaMindMobile Rich Media <HTML5>

Matthew Flatman | Creative Account Manager / DeveloperSeptember 2012


What is html5

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


Scalability on mobile

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.


Mobile ad formats

Mobile Ad Formats

Mobile Site Ads

In-App

Tablet specific

Smartphones


Html5 templates

HTML5 templates

  • Basic

    Polite banner

    Expandable banner

  • Mobile Specific

    Tap to call

    Tap to Video and social sharing

    Tap to Image gallery

    adAPPter


Html5 creative upload

HTML5 Creative Upload


Html5 api

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>


Html5 api1

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>


Html5 api2

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.


Html5 api3

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.


Html5 api4

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

    .


Debugging

Debugging

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


Debugging1

Debugging

  • The debugging tool:

    Detects Errors

    Shows Warnings

    Logs activity


Debugging metrics tracked

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


Html5 beta details

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!


  • Login