HTML5 Ads

How to upload HTML5 banners

Mikael Kreuger avatar
Written by Mikael Kreuger
Updated over a week ago

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

In the Match2One platform, you're able to upload your ready-made HTML5 ads or create them easily yourself using our Creator.

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.
​

2. 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 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.

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

4. 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.
​

5. 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 be automatically added to your Creative Studio for possible future use.

Through Creative Studio:

  1. Navigate to your Creative Studio, and click ''Upload''.

  2. In the pop-up window select the HTML5 tab.

  3. Select zip file, name your creative, and select its dimensions.

  4. Click ''Upload''. Selected creatives will be added to your Creative Studio if there are no errors on the way (check Format Guidelines above).

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 ''Upload from computer''.

  3. In the pop-up window select the HTML5 tab.

  4. Select zip file, name your creative and select its dimensions.

  5. Click ''Upload''. Selected creatives will be added to your campaign and Creative Studio if there are no errors on the way (check Format Guidelines above).

Did this answer your question?