From September, Flash will no longer be supported by Chrome. Prepare for the shift towards HTML5 by visiting our Flash to HTML5 help page

Check it out!

Adobe Animate CC

Adobe Animate CC lets web designers create interactive HTML animations for web, digital publishing, rich media advertising and more, reaching both desktop and mobile with ease. In order to make such banners be compatible with Adform system creative should follow specifications below. 

Tip: Use Adform‘s HTML5 Studio to automatically add required scripts and to auto apply main clickTAG.

 

 Note: this describes the usage of external non Adform related systems and please check respective documentation for most up to date information.

 

Adding a clickTAG to Adobe Animate CC banner consists of these steps:

1. In the root code directory add function to load external libraries:

function loadScript(url) {
    var body = document.getElementsByTagName('body')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;
    body.appendChild(script);
}

loadScript('https://s1.adform.net/banners/scripts/rmb/Adform.DHTML.js?bv='  + Math.random());

Animate1

2. Depending on desired action(in this case button btn_cta) Adform code snippet for clickTAG has to be implemented:

this.content_mc.btn_cta.addEventListener("click", openPage);

function openPage(e){
 var clickTAGvalue = dhtml.getVar('clickTAG', 'http://www.example.com');
 var landingpagetarget = dhtml.getVar('landingPageTarget', '_blank');
 
 window.open(clickTAGvalue, landingpagetarget);
}

 

Tip: Don't forget to check Required file structure guidelines to make banner compatible with Adform platform.