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've finished 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 Centre 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.
| 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)
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.
|
| 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:
- Click the Publish button.
- Select Publish locally.
- 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 isn't 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.
