How to prepare HTML5 ad with click tracking for DoubleClick for Publishers

You received from advertiser HTML5 zip bundle and uploaded it to DoubleClick for Publishers (DFP) with HTML5 type and got following message: “Warning: Missing click tag. Add a valid click tag or exit function before uploading the creative to DFP.”?

How to add missing click tag? There are various methods how to add click tracking for HTML5 banner. In this article, we will explain the easiest way we think.

This year on June 27th Google released option for HTML5 creative uploading in DFP. Read here more about HTML5 type uploading feature in DoubleClick for Publishers Small Business. This feature is the very nice and makes much easier HTML5 creative trafficking.

Now lets update creative to make it appropriate for DFP Small Business HTML5 type. In this tutorial, we will use this sample creative.

Step 1: Save received HTML5 zip bundle somewhere on Your computer and unzip it (we recommend to extract it to a new directory).

Step 2: Find HTML (with “.html” extension usually) and open it with Your favourite text editor.

Step 3: Add this code right before closing “</body>” tag. Change URL ( with an appropriate URL destination.

<script type="text/javascript">
var clickTag = "";
<script type="text/javascript">
if (document.body.attachEvent) {
   document.body.attachEvent('onclick', function() {;});
} else {
   document.body.addEventListener('click', function() {;}, false);

Step 4: Save and close file

Step 5: Select all extracted files that were in HTML5 zip bundle with edited HTML file and create new zip file (archive).

Step 6: Upload new zip bundle to DFP and You will see no warning messages about click tag. Instead, You will see clickTag variable name and click-through URL you provided in 3rd step. You can change this URL by clicking on it.

DoubleClick for Publishers HTML5 type, creative with click tag

Here You can download updated HTML5 zip bundle we have used in this tutorial.

Have any questions? Let us know in the comments below!