Copy link to clipboard
Copied
Hi, I want to create Ad Banners on the html canvas that contain multiple panels. Each of these panels needs a unique exit url, with clickTAGS for each too. The Ads are served through Google's Double Click for Publishers. I can't seem to find a definitive tutorial for this process, any ideas?
PS I was able to do this previously using SWFs...
Copy link to clipboard
Copied
for each panel you can assign multiple exit URL's just as you could before with SWF's. It will be done in the same manner within DCM as you set up your campaign.
Copy link to clipboard
Copied
Hi rezun8, many thanks for the response, much appreciated. So, I can make up the Banners as before, just that I start with the html canvas? Not sure of the code snippet I would need to replace the ActionScript I currently use though? (see below)...
evolve_btn.addEventListener(
MouseEvent.CLICK,
function():void {
if (root.loaderInfo.parameters.clickTAG.substr(0,5) == "http:" || root.loaderInfo.parameters.clickTAG.substr(0,6) == "https:") {
navigateToURL(
new URLRequest(root.loaderInfo.parameters.clickTAG), "_blank"
);
}
}
);
Copy link to clipboard
Copied
HI Toffeeman
Yes build it the same way as an AS 3.0 file only you'll be using the html5 canvas instead. You actually dont even need the AS code for the clickTag anymore as it is all done in the html.
Copy link to clipboard
Copied
this.button_1.on("click", function () {
window.open('http://www.example1.com', '_blank')
});
this.button_2.on("click", function () {
window.open('http://www.example2.com', '_blank')
});
this.button_3.on("click", function () {
window.open('http://www.example3.com', '_blank')
});
Copy link to clipboard
Copied
Hi marjantrajkovski and rezun8, many thanks for your responses, very much appreciated, a great help. Have now got his nailed down, so for anybody else having similar issues, this is how I solved the problem. I had a 3 panel Ad, each panel going to a separate exit url:—
Animate canvas:
this.btn_1.on("click", function () {
window.open(window.clickTag, '_http://www.example1.com')
});
this.btn_2.on("click", function () {
window.open(window.clickTag2, '_http://www.example2.com')
});
this.btn_3.on("click", function () {
window.open(window.clickTag3, '_http://www.example3.com')
});
N.B. I had to place the url instead of '_blank' to prevent multiple tabs opening in the browser when the Ad was clicked on...
HTML file:
<script>var clickTag = "http://www.example1.com/ " </script>
<script>var clickTag2 = "http://www.example2.com/ " </script>
<script>var clickTag3 = "http://www.example3.com/ " </script>
This passed the HTML Validator, and loaded to DFP with no problem. Ad is working as required, and all clicks are being tracked, so happy days...
Hope this helps...