How to create an HTML5/Rich media ad item

An HTML5/Rich media ad item is an IAB-compatible HTML5 ZIP archive. The archive contains an HTML file and any scripts or media that are used to display the ad.

Tips on creating an HTML5/Rich media archive

  • Include click tracking macros - If you want AdButler to track clicks for the ad item, you must insert the applicable click-tracking macros into the HTML. For more information, read How to implement click tracking in HTML5 / Rich media ads.
  • Check the filename - Use only alphanumeric characters when naming the .zip file.
  • Check the dimensions - If you have multiple sizes of the same ad item, be sure to upload the correct one or match its dimensions in the Size field when creating the ad item.

Creating an HTML5/Rich media ad item:

The Add Ad Item button in a campaign section

  1. Go to the section of the relevant campaign (Advertisers > Your Advertiser > Your Campaign).
  2. Click Add Ad Item at the top right of the Ad Items table. The Ad Item type window will appear.
  3. Click on HTML5 (Rich Media). The New Ad Item page will appear.

The New HTML5/Rich Media ad item page in AdButler

  1. Enter a name for the ad item.
  2. Under Destination URL, enter the URL to which the viewer will be taken when they click on the ad. You can leave this field blank if you do not want a click-through or if the ad item provides its own click-through. If you enter a URL, you can test it by clicking Open Destination URL to the right of the field.
  3. Upload the HTML5 ZIP file.
  4. Under Size, choose a preset or enter the dimensions of the ad item.
You can choose the Dynamic size setting if you want the ad item to adjust to the dimensions dictated in the HTML file. However, you can assign an ad item with a dynamic size only to a zone that's also set to have a dynamic size.
  1. Add metadata. (optional) For more information, read How to edit zone metadata.
  2. Click on the plus icon next to Weighting and edit the Static Weight. (optional) For more information on weight, read Pacing & schedule.
  3. Click Save Ad Item. You will be taken back to the campaign or zone section, and the ad item you just created will be listed in the table of ad items.

Can't find what you're looking for?

Send us an email

Visit the blog

For more ad serving tips, industry news and AdButler insights.