DoubleClick Studio ClickTag после использования Swiffy

Я конвертировал флеш-файл AS2 в HTML5 с помощью Swiffy. Я также использую DoubleClick Studio для рекламы. Мне было интересно, как я могу получить метку клика по объявлению, чтобы оно отображалось в DoubleClick Studio в разделе "События", и я мог редактировать целевой URL.

Спасибо!

4 ответа

Решение очень простое. Посмотрите на мой пример. Целевой 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;
}

К сожалению, единственным средством Google DoubleClick Studio, позволяющим создавать рекламные баннеры HTML5, является Google Web Designer. Смотрите раздел "Studio Tips" в документации.

ОБНОВЛЕНИЕ: теперь поддерживаются объявления Adobe Edge Animate и закодированные вручную.

ОБНОВЛЕНИЕ: я попробовал это, и это ДЕЙСТВИТЕЛЬНО позволило мне управлять выходным URL из DoubleClick Studio, и это действительно отслеживало выход в консоли вывода.

Откройте файл HTML, полученный при экспорте в формате HTML5 (Swiffy). Добавьте Studio Enabler в начало документа.

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

Оберните <div id="swiffycontainer"> с <div id="bg-exit">EX:

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

Весь приведенный выше код находится в документации, просто продолжайте следовать следующим шагам. Есть дополнительные опции, которые вы можете включить, например, pageLoadHandler, однако это позволит вам достичь своей цели - редактировать URL из студии.

Поскольку это была просто копирование, это не так уж плохо, и я уверен, что вы могли бы создать фрагмент кода, чтобы немного ускорить процесс.

Пытаться

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

в <script> раздел

См. https://support.google.com/dfp_premium/answer/6263155?hl=en

Единственный способ обойти это (по крайней мере из того, что я нашел) - это сначала загрузить HTML-API DoubleClick ( https://www.google.com/doubleclick/studio/docs/sdk/html5/en/class_studio_Enabler.html), тогда либо....

  1. Сделайте весь объект Swiffy кликабельным изнутри HTML/JS, используя JavaScript и вызывая Enabler.exit(), когда пользователь нажимает на объявление.

  2. Используйте ExternalInterface для вызова методов JavaScript из Flash/Swiffy. Затем создайте метод JavaScript, который по очереди вызывает Enabler.exit().

Другие вопросы по тегам