Highlighted

Animate CC - clickTag implementation

New Here ,
Feb 23, 2016

Copy link to clipboard

Copied

Does anyone know how to implement a ClickTag var in HTML 5 Canvas file?

from a previous post:

Don't do anything in Animate. Don't create button.
Edit exported html file. 1. Add bolded code with your dimensions in html file in </head> section. 2. In </body> section wrap </canvas> tag with <a href> tag.

<head>

<meta name="ad.size" content="width=300,height=250">   // your dimensions !!!

<script type="text/javascript">

var clickTag = "http://www.google.com"; </script>

</head>

<body onload="init();" style="margin:0;">

  <a href="javascript:window.open(window.clickTag)"><canvas id="canvas" width="300" height="250"></canvas></a>

</body>

</html>

TOPICS
How to

Views

34.5K

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

Animate CC - clickTag implementation

New Here ,
Feb 23, 2016

Copy link to clipboard

Copied

Does anyone know how to implement a ClickTag var in HTML 5 Canvas file?

from a previous post:

Don't do anything in Animate. Don't create button.
Edit exported html file. 1. Add bolded code with your dimensions in html file in </head> section. 2. In </body> section wrap </canvas> tag with <a href> tag.

<head>

<meta name="ad.size" content="width=300,height=250">   // your dimensions !!!

<script type="text/javascript">

var clickTag = "http://www.google.com"; </script>

</head>

<body onload="init();" style="margin:0;">

  <a href="javascript:window.open(window.clickTag)"><canvas id="canvas" width="300" height="250"></canvas></a>

</body>

</html>

TOPICS
How to

Views

34.5K

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
Feb 23, 2016 3
Enthusiast ,
Feb 23, 2016

Copy link to clipboard

Copied

from a previous post:

Don't do anything in Animate. Don't create button.
Edit exported html file. 1. Add bolded code with your dimensions in html file in </head> section. 2. In </body> section wrap </canvas> tag with <a href> tag.

<head>

<meta name="ad.size" content="width=300,height=250">   // your dimensions !!!

<script type="text/javascript">

var clickTag = "http://www.google.com"; </script>

</head>

<body onload="init();" style="margin:0;">

  <a href="javascript:window.open(window.clickTag)"><canvas id="canvas" width="300" height="250"></canvas></a>

</body>

</html>

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...
Feb 23, 2016 6
Community Beginner ,
Nov 15, 2016

Copy link to clipboard

Copied

do i have to insert the url of every ad server? (google) in your example?

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...
Nov 15, 2016 0
New Here ,
Jan 31, 2018

Copy link to clipboard

Copied

How and where do you add a clicktag? Can you please list step by step. Thank 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...
Jan 31, 2018 0
Community Beginner ,
Dec 11, 2018

Copy link to clipboard

Copied

You can do it in a more simple way.

In Adobe Animate you create a HTML5 canvas and create you banner.

Then you make an invisible button (fx instance name: btn_ClickTag).

Create a new layer (fx AS) and put in:

this.btn_ClickTag.on("click", function() {

  window.open(clickTag, '_blank');

});

If you want to test it, put this code in the published html in <head> section.

<script>var clicktag="http://www.google.com"</script>

!!!! Remove this html code when uploading to DCM. Had problems with that. !!!!

Test it here HTML5 Validator

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...
Dec 11, 2018 0
Enthusiast ,
Nov 15, 2016

Copy link to clipboard

Copied

No we use that as a placeholder of sorts so that once we are done building out the banners we then pass them on to our media team which places into Googles Ad Platform, from there they customize the exact url of the ad to the offer we have going on.

If your using AdServe or Google DCM you can specify your url destination in the campaign.

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...
Nov 15, 2016 1
Community Beginner ,
Nov 15, 2016

Copy link to clipboard

Copied

thanks.

I used to make flash banners and add the clicktag in with an invisible button.

I need a simple tutorial that explains the method using animate.

is there new script that goes on the button?

and do i need to modify it once i publish the banner?

thanks

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...
Nov 15, 2016 0
Enthusiast ,
Nov 15, 2016

Copy link to clipboard

Copied

there is no need to have a clickTAG script in the animate file. You cans till make the button rollover and do whatever but no code is associated with it.

Step-By-Step HTML5 Ad Creation With Adobe Animate CC | Creative Cloud blog by Adobe

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...
Nov 15, 2016 0
Community Beginner ,
Nov 16, 2016

Copy link to clipboard

Copied

Thanks for your responses.

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...
Nov 16, 2016 1
Community Beginner ,
Jan 25, 2019

Copy link to clipboard

Copied

This code leads into a problem in Firefox:

<a href="javascript:window.open(window.clickTag)">...</a>

When you click and the window is opening in a new tab, then the banner is not showing anymore in the first tab. There is only a message "object Window".

Better use this code:

<a href="javascript:void(window.open(window.clicktag))">...</a>

javascript - Problem in firefox when calling window.open - Stack Overflow

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...
Jan 25, 2019 0
New Here ,
Oct 07, 2020

Copy link to clipboard

Copied

Simple and effective answer. Thank you. A lot

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...
Oct 07, 2020 0