Adding "The Trade Desk" clicktag to HTML5 banner ads created with Animate

Report · Jun 03, 2020

Hi!

I've created some ads in Animate and now my client asks me to add "Trade Desk" clicktag.
I dont have any experience with this ad network, I would appreciate if somebody who does, takes a look and let me know have I done this right? I dont have access to Trade Desk platform, so dont have any way to test the ads and see have I implemented this clicktag correctly.
This is the Trade Desk Specs Ive received: https://gocreative.cloud/gocreative.cloud/test/soulcbd/trade_tesk_specs.pdf

So, Ive placed this right before < / header >

<script type="text/javascript">    
	function getParameterByName(name) {     
	name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");      
	var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),        
	results = regex.exec(location.search);      
	return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));    
	}    
	var clickTAG = getParameterByName("clickTAG");  
</script>

And edited the body:

<body onload="init();" style="margin:0px; background-color:rgba(255, 255, 255, 1.00); overflow: hidden">

   <div id="animation_container" style="width:160px; height:600px">
        <a href="javascript&colon;window.open(window.clickTAG)">
            <canvas id="canvas" width="160" height="600" style="position: absolute; display: block; "></canvas>
            <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:160px; height:600px; position: absolute; left: 0px; top: 0px; display: block;"></div>
        </a>
    </div>

</body>

Here are my files: http://gocreative.cloud/test/soulcbd/160x600.zip

Here is the preview of those files: http://gocreative.cloud/test/soulcbd

Should this work properly, will clicktag be triggered?

Thanks!

Report · Jul 30, 2020

Trade Desk is horrible. Their documentation is really bad. I came here for this answer and unfortunetely found nothing.

Report · Jul 30, 2020

Hey woj1s,

Those ads were pushed live, so I can send you my files with the correct Trade Desk clicktag implementation: http://gocreative.cloud/mysoulcbd/!2020-06-04_soulcbd_tradedesk_clicktag.zip

Ive done them in Animate, if youre using the same tool, then it will be a piece of cake to grab the code. If you're using some other tool then you have to adjust them accordingly.

Hope this will help you!

Report · Jul 30, 2020

Thank you! Yes, im using Animate 2020. This is what I needed. You would think that TradeDesk would have a library of Animate canvas, GWD, and vanilla html5 zip files so that devs could easily download and make sure they are adding the clicktags correctly. Or have some sort of validator available.

For anyone else, trade desk has documentation here that is incorrect: https://goodwaygroup.com/wp-content/uploads/2017/04/TTD-H5-Guide.pdf

What they ask for in the above pdf:

The correct implementation:

Thank you for passing those along.

Report · Apr 27, 2022

OMG, thank you! They are the worst, just kept saying clickTAG does not work.

Cheers!!

Adobe Community

Adding "The Trade Desk" clicktag to HTML5 banner ads created with Animate