HTML5 General Specs
HTML5 creatives are a type of display creative and must follow the same guidelines as display with some additional recommendations.
- HTML5 Supported File Types: HTML, JS, CSS, JPG, JPEG, GIF, PNG, TTF and SVG
- Supported File Sizes for HTML5 Creatives:
Initial: 200 KB maximum
Max Initial File Load Count: 15 Files
Subsequent/Polite Load: 1 MB maximum
User-Initiated Load: 2.2 MB Recommended
-
-
-
-
- 300 x 250
- 160 x 600
- 300 x 50
- 300 x 100
- 300 x 600
- 320 x 50
- 320 x 480
- 336 x 280
- 728 x 90
- 768 x 1024
- 970 x 250
- 970 x 90
-
-
-
Custom Code Method
To ensure compatibility with Terminus Ad Experiences, complete the following steps for each HTML5 creative you want to upload.
**Please note these steps are for manually formatting creatives. This article should not be followed if a formatting tool was used already.**
Step 1. Creative dimension must be declared using the below format :
<meta name="ad.size" content="width=W,height=H">
Example - <meta name="ad.size" content="width=728,height=90">
Step 2. Find the closing </body> tag and paste the following block of code right before it
<script type="text/javascript">
function getParameterByName(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results === null ? "" :
decodeURIComponent(results[1].replace(/\+/g, " "));
}
var banner = document.getElementById('YOUR_DIV_ID_HERE');
banner.onclick=function(){
var clickTag = getParameterByName('clickTAG');
window.open(clickTag, "_blank");
};
</script>
Step 3. Replace YOUR_DIV_ID_HERE with the DIV ID= from your <div> tag directly after the opening <body> tag.
- ID is typically "bs" for BannerSnack & Creatopy creatives
- ID is typically "gwd-ad" for Google Web Designer creatives
- ID is typically "canvas" for Adobe Animate creatives
Step 4. Zip the .html , .js and images folder together.
- DO NOT zip the files as a folder underneath a folder, the .html needs to be on the root level of the zip directory.
Step 5. Upload the .zip file to Terminus and set your click-through URL in the Terminus UI. Click on the Uploading Creative section of the How to Launch a Display Advertising Campaign article for step-by-step instructions.
FAQs:
-
What tools can I use to open & view .html files?
- Atom Editor, Brackets
-
What tools can I use to zip my files?
- Keka
-
Can I zip my files using the Mac/Windows Zip Tools?
- We recommend using a specific app such as Keka as it provides the option to remove resource forks.
-
What do I do if I am seeing an error after I upload my creative?
- Please review our HTML5 Troubleshooting article - HTML5 Troubleshooting Article
- For any other questions, please reach out via our Customer Support Portal at support.terminus.com.
Comments
0 comments
Please sign in to leave a comment.