How to Add ClickTag in HTML5?

How to Add ClickTag in HTML5?

What is ClickTag?

ClickTag is the variable used to add click URL dynamically without getting help from the creative developer. It would be easy for the trafficker to change click URL whenever they require.

General ClickTag Guideline for all HTML5 Creatives:

An example of a click tag inserted in an HTML :
<html>
<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "http://www.yourdomain.com"; </script>
</head>

</body>
[The rest of your creative code goes here.]
<a href="javascript:window.open(window.clickTag)">
<img src="images/myimage.png" border=0>
</a>
</body>
</html>

How to Add Click Tag for Adobe Edge HTML5 creative?

Add below script inside the header of your HTML5 creative (i.e before </head>)

<script type="text/javascript">
var clickTag = "http://www.yourdomain.com"; </script>

Then add Onclick event function inside the div id “stage”. You can find “Stage” DIV ID using the search and add the below function.

onclick="window.open(window.clickTag)"

Example below,

<div id="Stage" class="EDGE-12345698" onclick="window.open(window.clickTag)" style="cursor: pointer"></div>

Save and use the creative.

How to Add Click Tag for Adobe Animate CC HTML5 creative?

Add below script inside the header of your HTML5 creative (i.e before </head>)

<script type="text/javascript">
var clickTag = "http://www.yourdomain.com"; </script>

Then add Onclick event function inside the canvas id “canvas”. You can find “canvas” ID using the search and add the below function.

onclick="window.open(window.clickTag)"

Example below,

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

Save and use the creative.

Hope this helps you!!!