You can serve HTML5 display creatives by assigning them to display line items. HTML5 display creatives also need to meet the following requirements to serve on various exchanges. Please adhere to all other guidelines issued by the IAB .
Content requirements
Common display ad sizes
Below are the most common display ad sizes, but different sites, apps, and regions support other sizes. To check the dimensions of all available inventory that matches your targeting, create an Inventory Availability report .
- Square and rectangle: 250 × 250, 300 × 250, 320 × 320, 336 × 280
- Skyscraper: 120 × 600, 160 × 600, 300 × 600, 300 × 1050
- Leaderboard: 468 × 60, 728 × 90, 800 × 250, 970 × 90, 970 × 250
- Mobile: 300 × 50, 300 × 100, 320 × 50, 320 × 100, 320 × 480, 360 × 592, 360 × 640, 375 × 667
Asset requirements
- HTML5 display ads must use click tags to direct users to a landing page from the ad.
- The click tag should be easy for the ad server to read. Don't use a code minifier on the click tag.
- When someone clicks the ad, the landing page must open in a new tab or new window.
- Ads that autoplay audio are prohibited.
- Ads can autoplay video, as long as the audio is muted.
Supported file types
HTML5 creatives must be compressed in a ZIP file. You can include the following file types inside an HTML5 ZIP file:
| HTML, style, and script files | .html, .htm, .css, .js |
|---|---|
| Images | .jpg, .jpeg, .gif, .png, .svg |
| Font | .dfont, .eot, .otf, .tte, .ttf, .woff, .woff2 |
Upload an HTML5 creative
Once your creatives are packaged into a ZIP file, you can upload your HTML5 creative .
Frequently Asked Questions
How do I include a clickTag in an HTML5 display banner?
To include a clickTag in your HTML5 banner, follow these steps:
- Add this script tag, and replace "
https://www.google.com" with your advertiser's landing page:
<script type="text/javascript">
var clickTag = "https://www.google.com";
</script> - Wrap the
<div>tag of your primary image or ad container with an<a>tag to make it clickable:
<a href="javascript:window.open(window.clickTag)">
<div id="container">
<img src="image.png" />
</div>
</a>
What types of HTML5 creatives are supported?
Display & Video 360 supports both display and rich media HTML5 ad formats . For examples of each creative type, visit the Rich Media Gallery .
