Adobe Canvas HTML5 AS3点击标记

使用flash已经有一段时间了，但现在需要制作HTML5横幅。

我已经使用Canvas创建了我的横幅，它按预期工作，然而，我很困惑（就像大多数人一样），不知道如何添加一个AS3点击标签，它将与Adwords和DoubleClick一起工作。或者，可以将clicktag仅添加到HTML输出文件中吗？

我在网上发现的指令似乎令人难以置信地困惑，比如代码是在哪里添加的，代码是在时间轴还是对象上添加的，是否给出了实例名称，或者代码是仅在外部添加的。

我目前的Canvas项目中根本没有动作脚本。我根据发现修改的HTML输出代码现在看起来是这样的：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="ad.size" content="width=300,height=250">
<title>300x250-test3</title>
<script type="text/javascript">
    var clickTag = "http://www.google.com";
</script>
<script src="easeljs-0.8.1.min.js"></script>
<script src="tweenjs-0.6.1.min.js"></script>
<script src="movieclip-0.8.1.min.js"></script>
<script src="300x250-test3.js"></script>
<script>
var canvas, stage, exportRoot;
function init() {
    canvas = document.getElementById("canvas");
    exportRoot = new lib._300x250test3();
    stage = new createjs.Stage(canvas);
    stage.addChild(exportRoot);
    stage.update();
    createjs.Ticker.setFPS(lib.properties.fps);
    createjs.Ticker.addEventListener("tick", stage);
}
</script>
</head>
<body onload="init();" style="background-color:#D4D4D4; margin:0; padding:0;">
<a href="javascript:window.open(window.clickTag)">
<canvas id="canvas" width="300" height="250" style="background-color:#FFFFFF"></canvas>
    </a>
</body>
</html>

这似乎如预期的那样起作用，也就是说，假设添加的谷歌URL仅用于测试目的，分销商将更改此URL以指向正确的URL。

横幅最终将出现在Adwords或Doubleclick上。

不要用<a>标记，请考虑在JavaScript中处理此问题。在init方法中，只需在画布（DOM事件）或Stage（EaselJS事件）中添加一个"点击"监听器：

function init() {
    // Other code (not shown)
    // DOM event (directly on canvas)
    canvas.addEventListener("click", function() { 
        window.open(window.clickTag); 
    }, false);
    // OR
    // EaselJS events (on the EaselJS stage)
    stage.on("stagemouseup" ,function(event) {
        window.open(window.clickTag);
    });
}

希望能有所帮助！

DCM和AdWords都使用此

    <script type="text/javascript">var clickTag = "https://www.google.com";</script>

如果在Flash Canvas文档中包含按钮符号，则默认情况下会得到一个光标。我在我发布的HTML文件中使用了这个。

    <canvas id="canvas" width="600" height="500" style="background-color:#FFFFFF; width:300px; height:250px" onclick="javascript:window.open(window.clickTag)"></canvas>

以2倍的大小创作，用于视网膜显示。据推测，AdWords已经屈服于允许外部链接到谷歌字体以外的任何东西，但我不会相信，直到我看到有人报告他们使用CDN托管文件没有通过QA，但为了将来参考，这里是谷歌托管的链接。

https://support.google.com/richmedia/answer/6307288

相关内容

最新更新

热门标签：