HTML5 Google ads Clicktag not clicking through.

Report · Nov 05, 2024

I'm creating HTML5 ads for google and although the validator is approving that the Clicktag has been correctly implemented the media buyers feedback is that it doesn't click through. I'm fairly new to creating these ads and at a loss at what the issue is. I've made the ads through Adobe Animate, added a clickable button as a layer and edited the html file to the sbecs as far as i understand. I've attached the html zips. Thank you for any help!

Report · Nov 05, 2024

https://h5validator.appspot.com/dcm/asset?result=4944713359163392

Report · Nov 05, 2024

what do you see when you click your link?

Report · Nov 05, 2024

On the link i can view the ad and see that the validator says they are ok. But the actual ads are 'unclickable'

Report · Nov 05, 2024

in animate, did you create a button in the top-most layer covering your stage?

Report · Nov 05, 2024

Thank you for taking time to reply, I have done so yes. Set it as a button, covering the whole canvas and set it to hit.

Report · Nov 05, 2024

and what's your meta tag and body link? actually, just copy and paste the entire html file contents into a reply here.

Report · Nov 05, 2024

Thank you so much!

<!DOCTYPE html>

<!--

NOTES:

1. All tokens are represented by '$' sign in the template.

2. You can write your code only wherever mentioned.

3. All occurrences of existing tokens will be replaced by their appropriate values.

4. Blank lines will be removed automatically.

5. Remove unnecessary comments before creating your template.

-->

<html>

<head>

var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;

function init() {

canvas = document.getElementById("canvas");

anim_container = document.getElementById("animation_container");

dom_overlay_container = document.getElementById("dom_overlay_container");

var comp=AdobeAn.getComposition("EE80705F0A4242A38E80F25510AEC537");

var lib=comp.getLibrary();

var loader = new createjs.LoadQueue(false);

loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)});

loader.addEventListener("complete", function(evt){handleComplete(evt,comp)});

var lib=comp.getLibrary();

loader.loadManifest(lib.properties.manifest);

}

function handleFileLoad(evt, comp) {

var images=comp.getImages();

if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; }

}

function handleComplete(evt,comp) {

//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.

var lib=comp.getLibrary();

var ss=comp.getSpriteSheet();

var queue = evt.target;

var ssMetadata = lib.ssMetadata;

for(i=0; i<ssMetadata.length; i++) {

ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} )

}

exportRoot = new lib._970x250();

stage = new lib.Stage(canvas);

//Registers the "tick" event listener.

fnStartAnimation = function() {

stage.addChild(exportRoot);

createjs.Ticker.framerate = lib.properties.fps;

createjs.Ticker.addEventListener("tick", stage);

}

//Code to support hidpi screens and responsive scaling.

AdobeAn.makeResponsive(false,'both',false,1,[canvas,anim_container,dom_overlay_container]);

AdobeAn.compositionLoaded(lib.properties.id);

fnStartAnimation();

}

</script>

</head>

</div>

</body>

</html>

Report · Nov 05, 2024

should be

and should be within the head tags.

and you need your clicktag link after the close head and start body tags

;

<a href "javascript&colon;void(window.open(clickTag))"></a>

also, are the ad.size dimensions correct?

Report · Nov 05, 2024

p.s. &colon; should be a colon :

Report · Nov 05, 2024

Thank you very much i apprectate your reply very much as I'm (clearly) no good with coding but thought I was almost there! It has now worked!

Report · Nov 05, 2024

excellent! and thanks for the follow-up.

Report · Feb 13, 2025

I'm facing an issue with an HTML5 creative while uploading it to DV360. I’m getting the error message:

"Must include click tags in the HTML asset only."

However, the clickTag is already included in the file.

Can anyone help me resolve this issue?

Please reply as soon as possible

Report · Feb 13, 2025

what's your code?

Report · Feb 13, 2025

<!DOCTYPE html>

<html>

<head>

<title>MOOMBA 2025</title>

var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;

function init() {

canvas = document.getElementById("canvas");

anim_container = document.getElementById("animation_container");

dom_overlay_container = document.getElementById("dom_overlay_container");

var comp=AdobeAn.getComposition("763C1A0199444FCF9E39871909529B7D");

var lib=comp.getLibrary();

var loader = new createjs.LoadQueue(false);

loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)});

loader.addEventListener("complete", function(evt){handleComplete(evt,comp)});

var lib=comp.getLibrary();

loader.loadManifest(lib.properties.manifest);

}

function handleFileLoad(evt, comp) {

var images=comp.getImages();

if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; }

}

function handleComplete(evt,comp) {

//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.

var lib=comp.getLibrary();

var ss=comp.getSpriteSheet();

var queue = evt.target;

var ssMetadata = lib.ssMetadata;

for(i=0; i<ssMetadata.length; i++) {

ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} )

}

exportRoot = new lib.CoM_1998Moomba2025300x250();

stage = new lib.Stage(canvas);

//Registers the "tick" event listener.

fnStartAnimation = function() {

stage.addChild(exportRoot);

createjs.Ticker.framerate = lib.properties.fps;

createjs.Ticker.addEventListener("tick", stage);

}

//Code to support hidpi screens and responsive scaling.

AdobeAn.makeResponsive(false,'both',false,1,[canvas,anim_container,dom_overlay_container]);

AdobeAn.compositionLoaded(lib.properties.id);

fnStartAnimation();

}

</script>

</head>

</div>

</body>

</html>

Report · Feb 13, 2025

where's your anchor tag?

Report · Feb 13, 2025

Please let me know if there is any other thing is missing ?

Report · Feb 13, 2025

just that anchor tag

<a href "javascript&colon;void(window.open(clickTag))"></a>

Report · Feb 13, 2025

using a colon

HTML5 Google ads Clicktag not clicking through.

1 Correct answer

li.media.uploader-dialog.title