Traffic HTML5 creatives

Upload HTML5 creatives to serve them using SafeFrame. #html5 #safeframe
Upload HTML5 creatives as easily as other creatives in Ad Manager with the HTML5 creative type. Simply select the HTML5 creative type when adding a creative, and you’ll be able to quickly upload HTML5 zip bundles or standalone HTML files. Ad Manager handles the bundle/file properly with no manual work required. You can also report on HTML5 creatives as a distinct "Creative type" under the "Delivery" dimension .
Tip
  • Ad Manager always serves HTML5 creatives using SafeFrame. SafeFrame protects users by limiting the creative's interaction with the page. Learn more about how to  render creatives using SafeFrame .
  • An HTML5 bundle or the total size of extracted files cannot exceed 2000 KB

Set up an HTML5 creative 

  1. In Ad Manager, click Delivery, then  Creatives, and then  New creative.
  2. Next to "Advertiser," search for and select the advertiser whose creative you're adding, and then click Continue.
  3. Next to "Standard creative," on the "HTML5" card, click Select.
  4. Name your creative.
  5. To upload your creative, under "HTML5 File," click Browse or drag and drop. You can upload an HTML5 zip bundle or a standalone HTML file.
    Learn about the requirements when building an HTML zip bundle .
  6. A table of click tags appears.
    • Click tags allow the ad server to track ad clicks, and they define click-through URLs for each exit on your HTML5 creative. To edit a click-through URL, hover over it in the table and click in the lower-right corner.
    • Ad Manager requires HTML5 creatives to have at least one standard click tag. If your HTML5 creative does not have a click tag, ask your advertiser to update the creative or add one by editing the primary HTML file before uploading the creative to Ad Manager. To learn more, visit  Follow click tag guidelines .
  7. After you upload the file, Ad Manager automatically displays the Target ad unit sizewhere the creative should deliver.
    • Ad Manager attempts to automatically determine the creative’s size. For information on how Ad Manager determines the size of HTML5 creatives, visit Dimension guidelines .
    • In cases where Ad Manager can't automatically determine the size of the creative, you can update the "Target ad unit size" manually. Once the creative is saved, this value can't be changed.
  8. Select any Advanced settings and then click Save.
    If you updated the “Target ad unit size” in step 6, you may see this message: “The size of the uploaded asset doesn’t match the size that was specified.” If the “Target ad unit size” is the actual creative size you want to serve, then select the “Allow creative size to differ from ad unit size” check box and click Saveagain.
  9. Preview and/or test your creative. To test your creative on your site, create an order and line item with the creative. Navigate to the creative within the order and click On site. Learn more about how to  preview a creative .
    • If the preview does not load correctly, there may be an issue with your HTML5 zip bundle. Open your browser’s console and look for errors.
    • Ad Manager cannot preview SSL-incompatible creatives. If the automatic SSL scan has not yet completed, you can override SSL compatibility. Next to “SSL compatible”, click overrideand then select Yes.
    • Creatives that use JavaScript to access the top-level window may not work in Ad Manager preview. Instead, try on-site preview.

Advanced content. Advanced settings

The following settings are optional:

  • SSL compatibility: Ad Manager automatically scans creatives for SSL compatibility. Before the creative is scanned, the "SSL compatible" field has a value of Not yet scanned. You can manually set the creative’s SSL status by clicking override. Learn more about how to  check creatives for SSL compatibility.
    • SSL-compatible creatives can deliver to both HTTPS and HTTP sites. They can be previewed within Ad Manager.
    • SSL-incompatible creatives can only deliver to HTTP sites. They cannot be previewed within Ad Manager.
  • Orientation: Lock the creative’s orientation when displayed in mobile apps.
  • Labels: Use labels to set up frequency capping.
  • Third-party impression tracking URLs: Enter multiple third-party impression tracking URLs.
    The trackers are pinged when the creative appears and can contain macros . Note that these URLs are not supported for creatives with an actual size of "Out-of-page."
  • Custom fields(optional): Use custom fields to organize objects in reports.
  • Show ad badging on this creative: You can choose to enable or disable the "Show ad badging on this creative" setting. When enabled (checked box), badging will be shown on this creative. Badging will be shown only in the EEA or for users worldwide, based on the publisher’s network settings. Learn more about Ad badging for reservations
  • Creative contains EU political content: Enable "Creative contains EU political content" if you intend to run political advertising as defined in the Platforms program policies section on European Union (EU) political advertising . If you declare "Yes" by checking the box for "Creative contains EU political content" in the "Advanced settings" for a creative, restrictions will automatically apply once the new policy launches in late September 2025.

Associated ad technology providers

Changes to Associated ad technology providers override your network-level EU user consent settings.

Was this helpful?

How can we improve it?
Search
Clear search
Close search
Google apps
Main menu
3990502611954427241
true
Search Help Center
true
true
true
true
true
148
false
false
false
false
Create a Mobile Website
View Site in Mobile | Classic
Share by: