-
1. Re: Click Tag in Edge Animate
rosebudd Sep 28, 2015 7:48 AM (in response to animonkey13)You may find the Doubleclick Studio Edge template in page 300x250 template useful, as the DC logo is a button that clicks through.
Rich Media Gallery | Template Database
Simply make the DC logo 0% opacity, and change the dimensions to cover the entire ad. Make sure it is the topmost layer, because unlike Flash, button position matters. Or make your own 0% opacity button with the rectangle tool.
In the actions for that button, change Enabler.exit('Clicked on'); to
window.open(clickTag, "_blank");
In your published HTML document, remove the script tag call to enabler.js, as you won't be using it if your ad is not rich media, and put in its place
<script type="text/javascript">
var clickTag = "https://www.google.com";
</script>
If you do not uncheck use CDN in publish settings change http to https
Zip your published folder contents.
Your other option is to use Google's free banner app, GWD.
-
2. Re: Click Tag in Edge Animate
animonkey13 Sep 29, 2015 9:03 AM (in response to rosebudd)I was able to get this to work using their sample download file. However, when I tried the same technique in my own file the link would not click through. My published
HTML document did not seem to have a script tag call to enabler.js, so I was not sure what part to replace if anything. Below is my code (which I have not modified manually).
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>Untitled</title>
<!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8" src="http://animate.adobe.com/runtime/6.0.0/edge.6.0.0.min.js"></script>
<style>
.edgeLoad-EDGE-1724517141 { visibility:hidden; }
</style>
<script>
AdobeEdge.loadComposition('ucla1439-wh-300x250-1_4_ms', 'EDGE-1724517141', {
scaleToFit: "none",
centerStage: "none",
minW: "0px",
maxW: "undefined",
width: "300px",
height: "250px"
}, {"dom":{}}, {"dom":{}});
</script>
<!--Adobe Edge Runtime End-->
</head>
<body style="margin:0;padding:0;">
<div id="Stage" class="EDGE-1724517141">
</div>
</body>
</html>
Which part should I replace with below code?
<script type="text/javascript">
var clickTag = "https://www.google.com";
</script>
Also, just to show you what I did in Edge...
I named the button layer with my 0% opacity shape which covers the entire screen "Clicktag".
Then I copied the window.open(clickTag, "_blank"); code into the action field.
When I published everything it also produced a JS file. Do I need to modify that in any way?
-
3. Re: Click Tag in Edge Animate
rosebudd Oct 6, 2015 6:26 AM (in response to animonkey13)Unless you are doing Rich Media slated for Doubleclick Studio, you do not need enabler.js.
You do need to add this outside the Edge Runtime comments
<script type="text/javascript">
var clickTag = "https://www.google.com";
</script>