Google Admob Html5 Overlay(内部材料)

Platforms

? Tablet: iOS, Android

? Smartphone: iOS, Android

Placement Options

? Fullscreen interstitial

? Expandable banner

Metrics

? Number of impressions

? Number of clicks

Note: Custom metrics can be tracked by incorporating Google Analytics.Overview

The HTML5 Overlay brings fully interactive rich media capability to the AdMob Network. The full gamut of HTML5 combined with powerful mobile capabilities (touch interface, location, accelerometers, etc) offer an endless set of opportunites for user engagement.

HTML5 Overlay ? Tablet / Smartphone

HTML5 Overlay

What We Need From You

T Ad Tag

? URL to your HTML5 creative

Hosting

? Client can submit the ad to Google for hosting

(.zip file)

? Client can choose to host/serve their ads with

an approved 3PAS vendor

Orientation

Orientation can be locked to portrait, landscape,

or rotatable.

Layout

Due to the variety of screen sizes and ratios in

tablet devices, creatives must be built with a

“Content Safe” area in mind (see illustrations

on the following pages). This is a region that is

guaranteed to be displayed, regardless of clipping.

Device Features

Through the power of HTML5, this format

provides access to a powerful set of device

features, including:

? Animation

? Interactivity

? Location

? Gyroscope

? Accelerometer

Note: Not every device supports every feature.

Use HTML5 to detect other available features

on the user device.

Last Update: 9/14/2012

HTML5 Overlay ? Landscape User Input AdMob will add a close button to the top left corner of your creative. When the user clicks this, they will return to their app. Ad Actions Call-to-actions can launch websites, app download, maps, click-to-call (smartphone only), or a full screen rich media formats such as an HTML5 Overlay or any Rich Media Design.File Size While there is no hard limit on file size, we recommend you keep the entire ad bundle — HTML, JavaScript, images, etc. — under 500kb. If your creative must exceed this limit, consider delaying requests for images that won’t immediately be used. Smaller file sizes lead to better performing ads.

Code Performance Keep in mind that heavy Javascript execution can consume substantial computing resources and deteriorate the user experience. AdMob reserves the right to pull down ads that have

problematic code.1024px content safe

752p x c o n t e n t s a f e

768

p

x

b

a

c

k g

r

o u n d

i

m a

g

e

1280x background image

HTML5 Overlay ? Portrait 768px content safe

1232p x b a c k g r o u n d i m a g e 1024p x c o n t e n t s a f e 800x background image

HTML5 Overlay Mobile Display | Ad Spec

Smartphone

640px content safe 960p x c o n t e n t s a f e 1184p x p x b a c k g r o u n d i m a g e 720px background image