This guide is for campaign managers, who upload, configure and test HTML5 creatives using Smart AdServer's Publisher solution.
Before you start
Select script template
Go to the Creatives Tab (1) of your insertion and use the Default Banner template or select a script template from the Templates library (2). The script templates which support Smart AdServer's click counting method are labeled with HTML5 (3).
- click Add a creative (1)
- select HTML5 (2)
- click Choose a file (3) and upload the ZIP file.
- for Forced values, enter the width and the height of the HTML5 creative (4).
Note 1: For the HTML5 creative's body, make sure the style "margin:0" is used. Else, you risk that the creative is cut off when delivered.
Note 2: Do not copy the HTML5 creative code into the fields Customized script for the insertion or Customized script for the creative! They are not suitable for HTML5 creative code, which often has non-optimized code with many lines (especially the ones converted from Flash). Instead, create a text file on your hard drive and paste the HTML5 code there. Save the file and name it "index.html". Zip the index.html file with all the assets and upload it.
Overriding the clickthrough URL
If your creative complies with Smart AdServer's new click counting solution (see here), you can override the HTML5 creative's clickthrough URLs. This adds flexibility to the process. Simply edit the HTML5 creative and enter the new clickthrough URL in the field Click URL (5). As a result, the HTML5 creative's clickthrough URL will be replaced by the new URL you defined in the field Click URL.
Warning: At this time, if the HTML5 creative uses multiple clickTags (clickTag0, clickTag1, clickTag2 etc.), the new URL will be used for all of the clickTags. This will be changed in a future release, after which you will be able to define new URLs for each clickTAG individually.
Support for HTML5 creatives
SmartAdServer is not responsible for troubleshooting specific issues with HTML5 creatives. Support teams cannot provide assistance with the appearance, functionality, troubleshooting, debugging, or reporting on discrepancies for any custom implementations. Support is limited to confirming that your custom creative code is serving properly to your page.