使用Swiffy后的DoubleClick Studio ClickTag
我已经使用Swiffy将AS2闪存文件转换为HTML5。我也在用DoubleClick工作室做广告。我想知道我如何在广告上获得一个点击标签，以便它显示在DoubleClick工作室的事件下，我可以编辑目的地网址。
谢谢!
回答 4
Stack Overflow用户
发布于 2015-07-02 06:02:55
解决方案非常简单。看看我的例子。目标url可以在DB Studio中更新。
HTML：
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>HTML5 Banner</title>
<meta name="ad.size" content="width=300,height=250">
<link rel="stylesheet" type="text/css" href="styles.css" media="all">
<script src="https://s0.2mdn.net/ads/studio/Enabler.js"></script>
<script src="https://www.gstatic.com/swiffy/v7.2.0/runtime.js"></script>
<script src="object.js"></script>
<script src="script.js"></script>
<script type="text/javascript">
var clickTag = "http://www.example.com";
</script>
</head>
<body>
<div id="swiffycontainer"></div>
<div id="bg-exit"></div>
</body>
</html>script.js：
var stage;
if (!Enabler.isInitialized()) {
Enabler.addEventListener(
studio.events.StudioEvent.INIT,
enablerInitialized
);
} else {
enablerInitialized();
}
function enablerInitialized() {
if (!Enabler.isVisible()) {
Enabler.addEventListener(
studio.events.StudioEvent.VISIBLE,
adVisible
);
} else {
adVisible();
}
}
function adVisible() {
document.getElementById('bg-exit').addEventListener('click', exitHandler, false);
stage = new swiffy.Stage(document.getElementById('swiffycontainer'), swiffyobject, {});
stage.start();
}
function exitHandler(e) {
Enabler.exit('Exit');
window.open(window.clickTag);
}object.js：
var swiffyobject = {YOUR_SWIFFTY_OBJECT_HERE};styles.css：
* {
border:0;
padding:0;
margin:0;
}
body, html {
width:100%;
height:100%;
overflow:hidden;
background:#fff;
width:100%;
height:100%;
position:relative;
}
#bg-exit {
position:absolute;
z-index:999999;
left:0;
top:0;
width:100%;
height:100%;
overflow:hidden;
cursor: pointer;
}
#swiffycontainer {
position:absolute;
z-index:100;
width:100%;
height:100%;
overflow:hidden;
}Stack Overflow用户
发布于 2015-04-22 03:46:49
不幸的是，谷歌的DoubleClick工作室允许HTML5横幅广告创作的唯一工具是Google Web Designer。请参阅documentation的"Studio Tips“部分。
更新：现在支持Adobe Edge动画和手工编码的广告。
UPDATE：我已经尝试过了，它确实允许我在DoubleClick Studio中控制退出url，并且它确实跟踪了输出控制台中的退出。
打开您在导出为HTML5 (Swiffy)时获得的HTML文件将Studio Enabler添加到文档的头部
<script src="https://s0.2mdn.net/ads/studio/Enabler.js"> </script> 用<div id="bg-exit"> EX包装你的<div id="swiffycontainer">：
<div id="bg-exit">
<div id="swiffycontainer"></div>
<div>添加以下CSS样式以使所需的按钮透明
#bg-exit {
background-color: rgba(255,255,255,0);
cursor: pointer;
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
}然后添加以下脚本以添加所需的出口。这需要放在文档的底部。
<script>
function bgExitHandler(e) {
Enabler.exit('Background Exit');
}
document.getElementById('bg-exit').addEventListener('click', bgExitHandler, false);
</script>上面的所有代码都可以在documentation中找到，请继续执行下面的步骤。您还可以包括其他选项，如pageLoadHandler，但这将允许您实现能够在studio中编辑URL的目标。
因为它只是复制粘贴，所以这并不是一件太糟糕的工作，我相信你可以创建一个代码片段来提高速度。
Stack Overflow用户
发布于 2015-09-01 20:24:08
试一试
...
stage.setFlashVars("clickTAG=%%CLICK_URL_ESC%%%%DEST_URL%%");
stage.start();
...在<script>部分中
请参阅https://support.google.com/dfp_premium/answer/6263155?hl=en
https://stackoverflow.com/questions/29022085
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号