Question

我已使用Swiffy将AS2 Flash文件转换为HTML5。我也在广告中使用DoubleClick Studio。我想知道如何在广告上获得点击标签，以便它显示在DoubleClick Studio的“事件”下，我可以编辑目标网址。

谢谢！

Answer 1

解决方案非常简单。看看我的例子。目标网址可以在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;
}

Answer 2

不幸的是，Google的DoubleClick Studio允许进行HTML5横幅广告制作的唯一工具是Google Web Designer。请参阅＆＃34;工作室提示＆＃34; documentation。

的部分

更新：现在支持Adobe Edge Animate和手动编码广告。

更新：我尝试了这一点，并且DID允许我从DoubleClick Studio中控制退出网址，并且它确实跟踪了输出控制台中的退出。

打开导出为HTML5（Swiffy）时获得的HTML文件将Studio Enabler添加到文档的开头

<script src="https://s0.2mdn.net/ads/studio/Enabler.js"> </script>

用<div id="swiffycontainer">换住<div id="bg-exit"> <div id="bg-exit"> <div id="swiffycontainer"></div> <div> EX：

#bg-exit {
  background-color: rgba(255,255,255,0);
  cursor: pointer;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

添加以下CSS样式以生成所需的透明按钮

<script>
function bgExitHandler(e) {
  Enabler.exit('Background Exit');
}

document.getElementById('bg-exit').addEventListener('click', bgExitHandler, false);
</script>

然后添加以下脚本以添加所需的Exit。这需要位于文档的底部。

{{1}}

上面的所有代码都可以在documentation中找到，然后继续按照后续步骤进行操作。您可以包含其他选项，例如 pageLoadHandler ，但这样您就可以实现从工作室内编辑网址的目标。

因为它只是复制粘贴，所以这不是一件糟糕的事情，我确信你可以创建一个代码片段来加快速度。

Answer 3

尝试

...
stage.setFlashVars("clickTAG=%%CLICK_URL_ESC%%%%DEST_URL%%");
stage.start();
...

在<script>部分

请参阅https://support.google.com/dfp_premium/answer/6263155?hl=en

Answer 4

解决此问题的唯一方法（至少从我发现的内容）是首先加载DoubleClick HTML API（https://www.google.com/doubleclick/studio/docs/sdk/html5/en/class_studio_Enabler.html），然后加载....

使用JavaScript在HTML / JS中点击整个Swiffy对象，并在用户点击广告时调用Enabler.exit（）
使用ExternalInterface从Flash / Swiffy中调用JavaScript方法。然后创建一个JavaScript方法，该方法反过来调用Enabler.exit（）。

使用Swiffy后的DoubleClick Studio ClickTag

4 个答案: