Click tag creation/code issues

[JonnyDL]

I'm having issues with finding ways to create and use a click tag in animate? Ive tried some different examples, but I get no results.

What I have been trying is creating a button symbol, naming/indenfing it as clickTag, and changed the active frame to hit

*Ive published at this point thinking i would get a mouse button pointer/finger, but it stays as a pointer

I did add some sample code on the main timeline of the button, to see if that would help

var clickTag = "www.google.com";

window.open(window.clickTag);

but no luck, Im trying to figure out whats not working, or is this the wrong approach (trying to keep it simple)

Can anybody help

*these are going into Double-click if that makes a difference.

Thanks

[rezun8]

you no longer need to make clickTags within Animate, all url/clickTags can be coded in html5 with the final exit URL being determined witrh Doubleclick Studio

[rezun8]

also check out the Animate Ad Dev section of the forums here

[just.emma · Accepted solution]

In the head of your HTML file, add:

<script>var clickTag = "http://www.google.com";</script>

To set up the window opening functionality, you can either add onclick="javascript:window.open(window.clickTag)" to your canvas tag in the HTML, or you can create a button within Animate, give it an instance name, and add this to the actions:

this.myBtn.on("click", function(){

  window.open(clickTag, "_blank");

});

If you add a button symbol in Animate, you will automatically get the pointer finger when you mouse over the hit area, but you can also add cursor:pointer to the CSS in your HTML file without a button symbol to get the same effect.

For DCM and Adwords, you also need to include the Ad Size meta tag.  You can review all of the requirements for DCM HTML5 banners here: How to prepare HTML5 assets for DCM - DoubleClick Digital Marketing Partners Help

Also, for Animate, you can create easily reusable templates so you don't have to retype the same code in every banner: Using Animate CC HTML5 Canvas Templates with Multiple Publish Profiles | Creative Cloud blog by Adob...

[Jerminator]

I've been looking for a single source for everything one has to do (or should do) to prep an Adobe Animate file for HTML5 for DoubleClick. I made Flash ads in the olden days, so this is mostly for people familiar with Flash ads.

In Flash, you use transparent buttons over the ad and link to the destination URL. HTML5 ads don't use transparent buttons, or at least that's not the way I've gotten them working.

I made this very messy PDF as a guide for creating HTML5 ads in Flash...er...Adobe Animate CC 2018. Someday, I hope to clean it up. 😕

http://bolesky.com/forum-posts/doubleclick-and-adobe-animate-cc.pdf