Adobe Canvas HTML5 AS3 点击标签答案

【问题标题】：Adobe Canvas HTML5 AS3 Click TagAdobe Canvas HTML5 AS3 点击标签
【发布时间】：2015-12-15 11:06:04
【问题描述】：

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

我使用 Canvas 创建了按预期工作的横幅，但是，对于如何添加可与 Adwords 和 DoubleClick 一起使用的 AS3 clicktag，我感到困惑（似乎大多数人都是如此）。或者，是否可以仅将 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>

这似乎按预期工作和运行，也就是说，假设添加的 Google URL 仅用于测试目的，并且分销商将更改它以指向正确的 URL。

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

【问题讨论】：

标签： javascript html actionscript-3 flash html5-canvas

【解决方案1】：

与其将画布包装在标记中，不如考虑在 JavaScript 中进行处理。在您的 init 方法中，只需向您的画布（DOM 事件）或舞台（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);
    });
}

希望有帮助！

【讨论】：

您是否使用 Adwords 和 Doubleclick 尝试并测试过这个 Lanny，这是经验吗？
我没有。我不知道实际的跟踪调用是如何工作的，但这是您处理与内容交互的方式。
谢谢。会让你知道我的进展情况。

【解决方案2】：

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>

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

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

【讨论】：