Adding clickTAG on particular div
Follow these steps to add a clickTAG on a particular div in HTML5 banner
Set id (or class name) value for clickTAG area/layer:
<div class="click-layer" id="clickLayer"></div>
Take this particular element by its id (or by class name) and set the click function to it. Place the below script somewhere below the element in html document (just to make sure the element is created earlier then the code is executed):
<script>
var clickArea = document.getElementById('clickLayer');
clickTAGvalue = dhtml.getVar('clickTAG', 'http://www.example.com');
landingpagetarget = dhtml.getVar('landingPageTarget', '_blank');
clickArea.onclick = function() {
window.open(clickTAGvalue,landingpagetarget);
}
</script>
Click on-click layer area calls a function that opens a window with an inherited clickTAG url value from Adform system or the fallback static url. If the banner is uploaded to the system getVar returns URL defined in system next to the asset. If you are testing banner locally - the fallback url is taken as clickTAG is 'null' so far.
Cursor style for clickTAG can be changed to a pointer by adding clickArea.style.cursor = "pointer"; to a click function.