Skip to main content
J
JonnyDL
Inspiring
February 21, 2017
Answered

Click tag creation/code issues

  • February 21, 2017
  • 3 replies
  • 9444 views

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

    This topic has been closed for replies.
    Correct answer just.emma

    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 Adobe

    3 replies

    just.emma
    just.emmaCorrect answer
    Inspiring
    February 21, 2017

    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 Adobe

    J
    Jerminator
    Participant
    June 4, 2018

    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

    rezun8
    rezun8
    Inspiring
    February 21, 2017

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

    rezun8
    rezun8
    Inspiring
    February 21, 2017

    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

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices