Skip to main content
R
ran1234
Participant
February 23, 2016
Answered

Animate CC - clickTag implementation

  • February 23, 2016
  • 7 replies
  • 70677 views

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

    This topic has been closed for replies.
    Correct answer rezun8

    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>

    7 replies

    N
    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

      N
      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

      G
      graphistepfs
      Participant
      October 7, 2020

      Simple and effective answer. Thank you. A lot

      G
      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

      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

      J
      jeffreytopping
      Participating Frequently
      November 16, 2016

      Thanks for your responses.

        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.

          J
          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

          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>

            J
            jeffreytopping
            Participating Frequently
            November 15, 2016

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

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