Skip to main content
All CollectionsAdsAd Formats
HTML5 Ads
HTML5 Ads

How to upload HTML5 banners

Mikael Kreuger avatar
Written by Mikael Kreuger
Updated over 2 weeks ago

HTML5 creatives are taking display advertising to another level. Their advanced features, like animations, encourage viewers to engage and interact with content more.

Format Guidelines

Supported file type

ZIP

Accepted sizes

120x600, 123x321, 160x600, 300x250, 468x60, 728x90, 320x320, 320x160, 300x600, 970x250, 980x250, 980x240, 980x120, 480x400, 480x280, 480x80, 300x50, 320x50, 320x480, 180x150, 200x200, 234x600, 430x600, Custom

File size

Up to 2 MB

Additional requirements:

  1. Each HTML5 ad is a single zip file that contains all code and assets.

  2. Make sure that banner content contains only one *.html file in the root of the folder.

  3. Make sure that *.html file supports "clickTag" query parameter. It can be done in two ways:

    • Simply add the following script into the head tag of the HTML file: <script src="https://cdn-prod.match2one.com/m2o_click_tag.js"></script>

    • Add your own implementation which will add an event listener on DOMContentLoaded event, extract "clickTag" query parameter value, and set the value to the area responsible for clicking.

  4. Ensure that the overall size of all unarchived banner elements is smaller than 2 MB.

  5. Ensure that all external scripts included in the *.html file are hosted on secure sources i.e. for all <script src="external link"> the 'external link' starts from 'https' - 'http' links are banned by web browsers as insecure.

  6. Archive all the content of the banner into a zip file. Please note that the content should be archived but not the folder containing it.

Uploading HTML5 Ads

You can upload ads through Creative Studio or during the campaign creation. If you choose the second option, your ads will automatically be added to your Creative Studio for future use.

Through Creative Studio:

  1. Navigate to your Creative Studio and click the 'Upload' button.

  2. In the 'Upload' button dropdown, select the 'HTML5 Ads' option.

  3. In the modal window select a zip file, name your creative, and select its dimensions.

  4. Finish by clicking 'Upload'. If there are no errors on the way (check Format Guidelines above), your creative will be added to Creative Studio.

Through Campaign Creator:

  1. Start with opening Campaign Creator by clicking ''+ New Campaign'' button in the top navigation bar.

  2. In the 'Creatives' step, click the 'Upload' button.

  3. In the 'Upload' button dropdown, select the 'HTML5 Ads' option.

  4. In the modal window select a zip file, name your creative, and select its dimensions.

  5. Finish by clicking 'Upload'.

Did this answer your question?