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
-
-
-
To ensure Adobe Animate CC compatibility with Terminus, please complete the below steps for each HTML5 creative you want to upload
Step 1. Publish/Export Creative in HTML Canvas Format:
Step 2. Using a text editor such as Brackets or Atom, remove the following line of code if it's present:
var clickTag = "http://YOUR_URL_HERE.com/";
Step 3. Creative dimension must be declared using the below format in the <head> section:
<meta name="ad.size" content="width=W,height=H">
Example - <meta name="ad.size" content="width=728,height=90">
Step 4. 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_CANVAS_ID_HERE');
banner.onclick=function(){
var clickTag = getParameterByName('clickTAG');
window.open(clickTag, "_blank");
};
</script>
Step 5. Replace YOUR_CANVAS_ID_HERE with the CANVAS ID= from your <canvas> tag directly below the opening <body> tag. This ID is typically "canvas"
Step 6. 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 7. Upload the .zip file to your Terminus campaign and set your landing page 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
Article is closed for comments.