Highlighted

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

Community Beginner ,
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

133

Likes

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

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

Community Beginner ,
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

134

Likes

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
Jun 03, 2020 0
New Here ,
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.

Likes

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
Reply
Loading...
Jul 30, 2020 0
Community Beginner ,
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!

 

Likes

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
Reply
Loading...
Jul 30, 2020 0
woj1s LATEST
New Here ,
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.

Likes

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
Reply
Loading...
Jul 30, 2020 0