Skip to main content
ran1234
Participant
February 23, 2016
Answered

Animate CC - clickTag implementation

Does anyone know how to implement a ClickTag var in HTML 5 Canvas file?

    This topic is closed to new replies. Start a new post to keep the conversation going.
    rezun8
    rezun8Correct answer
    Inspiring
    February 23, 2016

    from a previous post:

    Don't do anything in Animate. Don't create button.
    Edit exported html file. 1. Add bolded code with your dimensions in html file in </head> section. 2. In </body> section wrap </canvas> tag with <a href> tag.

    <head>

    <meta name="ad.size" content="width=300,height=250">   // your dimensions !!!

    <script type="text/javascript">

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

    </head>

    <body onload="init();" style="margin:0;">

      <a href="javascript:window.open(window.clickTag)"><canvas id="canvas" width="300" height="250"></canvas></a>

    </body>

    </html>

    View reply

    13 replies

    neophus775
    Known Participant
    January 12, 2022

    Anyone to explain me step by step how to do it with a transparent button with animate please ? Thanks

    Translate
      neophus775
      Known Participant
      January 5, 2022

      Someone can give the easiest way to put a clikctag please ? I very bad in code and I need to know the easiest way to do it please, I read this post but I didn't get it. Thanks

      Translate
      graphistepfs
      Participant
      October 7, 2020

      Simple and effective answer. Thank you. A lot

      Translate
      gmadlmayr
      Participant
      January 25, 2019

      This code leads into a problem in Firefox:

      <a href="javascript:window.open(window.clickTag)">...</a>

      When you click and the window is opening in a new tab, then the banner is not showing anymore in the first tab. There is only a message "object Window".

      Better use this code:

      <a href="javascript:void(window.open(window.clicktag))">...</a>

      javascript - Problem in firefox when calling window.open - Stack Overflow

      Translate
      rezun8
      rezun8
      Inspiring
      November 15, 2016

      there is no need to have a clickTAG script in the animate file. You cans till make the button rollover and do whatever but no code is associated with it.

      Step-By-Step HTML5 Ad Creation With Adobe Animate CC | Creative Cloud blog by Adobe

      Translate
      jeffreytopping
      Participating Frequently
      November 16, 2016

      Thanks for your responses.

      Translate
        rezun8
        rezun8
        Inspiring
        November 15, 2016

        No we use that as a placeholder of sorts so that once we are done building out the banners we then pass them on to our media team which places into Googles Ad Platform, from there they customize the exact url of the ad to the offer we have going on.

        If your using AdServe or Google DCM you can specify your url destination in the campaign.

        Translate
          jeffreytopping
          Participating Frequently
          November 15, 2016

          thanks.

          I used to make flash banners and add the clicktag in with an invisible button.

          I need a simple tutorial that explains the method using animate.

          is there new script that goes on the button?

          and do i need to modify it once i publish the banner?

          thanks

          Translate
          rezun8
          rezun8Correct answer
          Inspiring
          February 23, 2016

          from a previous post:

          Don't do anything in Animate. Don't create button.
          Edit exported html file. 1. Add bolded code with your dimensions in html file in </head> section. 2. In </body> section wrap </canvas> tag with <a href> tag.

          <head>

          <meta name="ad.size" content="width=300,height=250">   // your dimensions !!!

          <script type="text/javascript">

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

          </head>

          <body onload="init();" style="margin:0;">

            <a href="javascript:window.open(window.clickTag)"><canvas id="canvas" width="300" height="250"></canvas></a>

          </body>

          </html>

          Translate
            jeffreytopping
            Participating Frequently
            November 15, 2016

            do i have to insert the url of every ad server? (google) in your example?

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