Skip to main content

Ensuring Adobe Animate CC HTML5 Compatibility With Terminus

Alessandra Jacques
  • Updated

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, 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:

 

New_Note.jpeg

New_Note.jpeg

 

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">

New_Note.jpeg

 

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>

New_Note.jpeg

 

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.

html5.png

 

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.

             New_Note.jpeg

  • Are font files accepted?
    • We do not accept font files of .ttf type. Please include the font details within one of the accepted file types.

Related articles

Comments

0 comments

Article is closed for comments.

You must sign in to view this content.

Click the button below to sign in to the Terminus Platform.

Cancel