Mediamind mobile rich media html5
Download
1 / 15

MediaMind Mobile Rich Media <HTML5> - PowerPoint PPT Presentation


  • 314 Views
  • Uploaded on

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.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' MediaMind Mobile Rich Media <HTML5>' - ghada


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


ad