• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

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

Explorer ,
Jun 03, 2020 Jun 03, 2020

Copy link to clipboard

Copied

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!

Views

4.3K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 30, 2020 Jul 30, 2020

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jul 30, 2020 Jul 30, 2020

Copy link to clipboard

Copied

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!

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 30, 2020 Jul 30, 2020

Copy link to clipboard

Copied

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:

<a href=”javascript&colon;window.open(window.clickTag);void(0);”>

 

The correct implementation:

<a href="javascript&colon;window.open(window.clickTAG)">

 

Thank you for passing those along.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 27, 2022 Apr 27, 2022

Copy link to clipboard

Copied

LATEST

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

 

Cheers!!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines