Add a Clicktag to HTML5 Banners

There are many ways to add a clicktag in HTML5 banners for GAM. Below is one of the simpler methods to do so.

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: Save the HTML5 zip bundle on your computer and unzip the contents. 

• It is recommend to extract to a new directory. 

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

Step 3: Add the below clicktag code right before the closing “</body>” tag and update The Globe and Mail URL to your destination URL.
(See video below for an example) 

Step 4: Save and close the HTML file.

Step 5: Select all of the extracted files, including the edited HTML file, and create a new zip package. 

Clicktag code:

<script type="text/javascript">

var clickTag = "https://www.theglobeandmail.com";

</script>

<script type="text/javascript">

if (document.body.attachEvent) {

   document.body.attachEvent('onclick', function() {window.open(window.clickTag);});

} else {

   document.body.addEventListener('click', function() {window.open(window.clickTag);}, false);

}

</script>

Above paraphrased info and video from:

Genecy.com. “How to Prepare an HTML5 Ad with Click Tracking for Google AD Manager (Formerly DoubleClick for Publishers).” Genecy.Com Blog, 19 May 2023, www.genecy.com/blog/25-how-to-prepare-an-html5-ad-with-click-tracking-for-google-ad-manager-formerly-doubleclick-for-publishers/