Search
Clear search
Close search
Google apps
Main menu
true

Learn more about the new AdMob rewarded ads

Campaigns

HTML5 ads

HTML5 ads are ads that use HTML5 files created in Google Web Designer to create attention-catching, interactive ads. You can design and build HTML5 advertisements and other web content in Google Web Designer's integrated visual and code interfaces, then export and upload the files in .ZIP format when you create your campaign in AdMob.

Some Google Web Designer components are not supported in AdMob.

Get started using Google Web Designer

Google Web Designer is an advanced web application that lets you design and build HTML5 advertisements and other web content using an integrated visual and code interface. Using Google Web Designer's design view you can create content using drawing tools, text, and 3D objects, and you can animate objects and events on a timeline. Once you're done creating your content, Google Web Designer outputs clean human-readable HTML5, CSS3, and Javascript.

You can use Google Web Designer to create HTML5 ads for use in AdMob ads. First, download Google Web Designer, then use the instructions in the Google Web Designer help center to create an ad.

Create a new ad from scratch using the AdMob environment. Pre-built ad templates are not currently supported for AdMob.

Ads must comply with AdWords policies.


Supported HTML5 ad formatting

To ensure that your HTML5 ads are appropriately formatted, please review the following list of requirement.

All HTML5 ads
File type

.ZIP

A ZIP file may contain any of the following file types:

  • .CSS
  • .JS
  • .HTML
  • .SVG
  • .GIF
  • .PNG
  • .JPG
  • .JPEG
File size

150 KB or smaller

Ad size
  • 320 x 50: Mobile leaderboard
  • 480 x 32: Mobile banner (landscape)
  • 320 x 100: Large mobile banner
  • 468 x 60: Banner
  • 728 x 90: Leaderboard
  • 300 x 250: Inline rectangle
  • 320 x 480: Smartphone interstitial (portrait)
  • 480 x 320: Smartphone interstitial (landscape)
  • 768 x 1024: Tablet interstitial (portrait)
  • 1024 x 768: Tablet interstitial (landscape)
Sample image size

728 x 90 Leaderboard

468 x 60 Banner

320 x 50 Mobile leaderboard

300 x 250 Inline rectangle

Refer to the AdWords image ads policy for additional details.

Supported features

Important

  • Only HTML5 ads created with Google Web Designer are supported.
  • Assets in the ZIP file can be any combination of the supported file types. See the “File types” section in this table.
  • All images used in HTML5 ads must be local images, not referenced images, and should be part of the assets that comprise the ZIP file.
  • Only tap components are supported. Videos and maps are not supported.
  • Only Google web fonts are supported. Other web fonts are not supported.
  • For environment target actions, timer and multiple exits are not supported.
  • Expandable ads are not supported.
  • Local storage methods cannot be used in HTML5 ads.
HTML5 ads created in Google Web Designer
Ad environment When creating your ad in Google Web Designer, you must specify the "AdMob" environment.
Supported components
  • Tap Area
  • iFrame
  • Swipeable Gallery
  • Carousel Gallery
  • 360° Gallery
  • Gallery Navigation
  • Image Button
  • Spritesheet
Publishing for AdMob In Google Web Designer:
  1. Click the Publish button.
  2. Select Publish locally.
  3. Upload the resulting .ZIP file to AdMob.
Limitations

Important

  • Expandable ads are not supported.
  • All images used in HTML5 ads must be local images, not referenced images, and should be part of the assets that comprise the ZIP file.
  • Only Google web fonts are supported. Other web fonts are not supported.
  • For environment target actions, timer and multiple exits are not supported.
  • Local storage methods cannot be used in HTML5 ads.

HTML5 ad fields

  • Ad name: Enter a name for the ad, up to 25 characters.
  • Destination URL: Enter the URL that AdMob will direct users to when they click the ad. This URL is not visible in the ad.
  • Creative: Upload 1 .ZIP file containing an HTML5 ad created in Google Web Designer from your computer to use as the ad creative.
Was this article helpful?
How can we improve it?
Sign in to AdMob

Sign in to see help for your AdMob account Sign in Don't have an AdMob account? Sign up today! Sign up for AdMob