How to Fix Clicktag Issues in Adobe Animate CC

There are many ways to add a clicktag in HTML5 banners for GAM. Below are suggested instructions on how to fix the clicktag when using Adobe Animate.

Keep in mind that this method may not be compatible with your creative code. Please test final file in the HTML5 validator prior to submission. 

Step 1: Find the index HTML file and open it in a text editor application. 

Step 2: Add the ClickTag variable script in the header before </head> in the index file. See the code below.

• ClickTag Variable script:
  
  <script type="text/javascript">
  var clickTag = "https://www.clientURL.com";
  </script> 

Step 3: Add the Onclick event function inside the canvas id “canvas”. Change the width and height to match the creative size at hand.

• Onclick event function:
  
  <canvas id="canvas" onclick="window.open(window.clickTag)" style="cursor: pointer" width="300" height="250"> 

Step 4: Save the creative and zip it. 

Above info paraphrased from:

Pwm. “How to Add ClickTag in HTML5?” Pragmatic Web Media, 16 May 2021, pragmaticwebmedia.com/ad-operation/how-to-add-clicktag-in-html5/.