Ask Question

Test & Support Center

Adding multiple clickTAGs

If there is a need to have multiple clickTAGs on the same banner please do the following:

Set id or (class name) for click elements:

<body> 
<div id="element"> 
<div id="linkbox"> 
<a id="left">My Link1</a> 
<a id="center">My Link2</a> 
<a id="right">My Link3</a> 
</div> 
</div>

Define a clickTAG values for each clickTAG instance. Values should get landing page url from Adform system (dhtml.getVar) once the banner is placed there or may use some static value for local testing. Collect all clickTAG instance elements from HTML document by using getElementById or getElementsByClass methods. Set the 'onlick' function to each separately. Place such script somewhere below the click elements in html document (just to make sure the elements are created earlier then the code is executed):
```
<script> 
 clickTAGvalue = dhtml.getVar('clickTAG', 'http://www.adform.com'); 
 clickTAGvalue2 = dhtml.getVar('clickTAG2', 'http://html5toolkit.adform.com/'); 
 clickTAGvalue3 = dhtml.getVar('clickTAG3', 'http://site.adform.com/resources/creative-space/'); 
 landingpagetarget = dhtml.getVar('landingPageTarget', '_blank'); 

 var center = document.getElementById('center');  
 var left = document.getElementById('left'); 
 var right = document.getElementById('right'); 

 center.onclick = function() { 
 window.open(clickTAGvalue,landingpagetarget); 
 }
 
 left.onclick = function() { 
 window.open(clickTAGvalue2,landingpagetarget); 
 }
 
 right.onclick = function() { 
 window.open(clickTAGvalue3,landingpagetarget); 
 } 
</script> 
```
Click on particular click layer area calls a function that opens a window with an inherited particular clickTAG url value from Adform system or the particular fallback static url (testing locally). If banner is uploaded to system getVar returns URL defined in system next to asset. If we are testing banner locally - fallback url is taken as clickTAG is 'null' so far.

{ 
	"version": "1.0", 
	
	"title": "Banner-Sample-580x400", 
	"description": "", 
	
	"width" : "580", 
	"height": "400", 

	"events": { 
		"enabled": 1, 
		"list": { } 
	}, 

	"clicktags": { 
		"clickTAG": "http://www.adform.com", 
		"clickTAG2": "http://html5toolkit.adform.com/", 
		"clickTAG3": "http://site.adform.com/resources/creative-space/", 
	}, 

	"source": "index.html" 
}