Notification

Get personalized optimization tips, understand your account health and set up completion on the improved "My AdMob page".

Campaigns

HTML5 ads for AdMob campaigns

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.

Note: HTML5 ads are only available if you're advertising a website or an app hosted somewhere else.  

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 or use a template that has Google AdMob as a supported platform.

Ads must comply with Google Ads policies.


Supported HTML5 ad formatting

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

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 Google Ads 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 helpful?

How can we improve it?
true
Show your support to promote DEI in Gaming by turning intentions into action!

Check out the newly launched Diversity in Gaming website, where you can find video stories and written pledges from global gaming developers. This campaign centers on 3 pillars: diverse teams, diverse games and diverse audiences showing how diversity is not just good for gamers, but for business as well. Show your support by taking the pledge to promote DEI in Gaming and share it on social!

Learn More

Search
Clear search
Close search
Google apps
Main menu
17162158560012361465
true
Search Help Center
true
true
true
true
true
73175
false
false