HTML5 Ad Creative Guideline

All Ads Manager users can now upload HTML5 assets to Ads Manager when creating campaigns for Desktop, Mobile-App, and Mobile-Web.

How to upload a HTML5 ad creative

  • Select "New Creative" when setting up an ad group
  • Select the IMAGE tab
  • Upload the .zip file of a complete HTML5 display ad
  • Add a click-through URL
  • Click Save

310BTBKXU3.gif

ZIP File Requirements

The maximum size for an HTML5 .zip file that can be upload is 500kb. Regardless, you should keep your .zip file as light as possible. The only files in your .zip file should be the assets you need for your final HTML5 creative

Supported file types

  • HTML/Text: HTML, CSS, JS
  • Images: JPG, JPEG, GIF, PNG, SVG

What to include in HTML5 .zip files

 

correct.png

HTML file

Required: ZIP containing HTML

  • The HTML document must contain a clickTag in the <head>
    • Must contain a line like: var clickTag = ' ' (single-quotes)
  • Must include Meta tag declaring ad size is required (must be fixed, include valid ad size)

e.g. <meta name="ad.size" content="width=320,height=50">

correct.png

Other files

Include other files (for example, image, CSS, and JavaScript files) that are loaded by the HTML file.

 

What not to include in HTML5 .zip files

 

remove.png

Multiple ads per .zip files

Only include one ad per .zip file.

remove.png

Other .zip files

Do not include any .zip files within your HTML5 .zip file.

remove.png

Video files

Do not include any file types related to video

remove.png

Font files

Do not include any file types related to fonts

remove.png

Unreferenced files

Only include files if they are referenced by the HTML file. For example, do not include any source or authoring files that aren't loaded by the final creative.

remove.png

Local or session storage

Ads Manager does not accept HTML5 assets that use local storage or session storage.

remove.png

Backup image

Do not include backup images in your HTML5 .zip file unless they're referenced by the HTML file. For example, if you're using the same image as both background image and backup image.

You must upload backup images separately, in the Backup images section.

 

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.