Adobe Canvas HTML5 AS3点击标记

Question

已经使用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上。

Answer 1

与其将画布包装在<a>标记中，不如考虑在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);
    });
}

希望有帮助！

Answer 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>

创作尺寸为2倍，用于视网膜显示。 据说AdWords不允许使用外部链接到Google字体以外的任何其他内容，但是直到有人报告他们使用CDN托管文件的质量检查没有失败后，我才会相信，但是为了将来供参考，以下是Google托管链接。

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

Adobe Canvas HTML5 AS3点击标记

问题描述

2 个解决方案

解决方案1
0 2015-12-15 17:58:45

解决方案2
0 2015-12-21 21:24:16

Adobe Canvas HTML5 AS3点击标记

问题描述

2 个解决方案

解决方案1 0 2015-12-15 17:58:45

解决方案2 0 2015-12-21 21:24:16

解决方案1
0 2015-12-15 17:58:45

解决方案2
0 2015-12-21 21:24:16