首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Google web designer GDN Banners -Clicktag实现

Google web designer GDN Banners -Clicktag实现
EN

Stack Overflow用户
提问于 2017-02-27 00:21:27
回答 1查看 1.9K关注 0票数 1

您可以帮助我如何实施IAB点击标签到GDN横幅(用谷歌网页设计师软件创建)。我刚刚收到媒体公司的通知,HTML5验证工具已经批准了GDN横幅,但是还不能添加点击标签。Screenshot - Asset validation

我为GDN创建了DoubleClick环境,但是我不知道在哪里实现href链接并创建一个可以点击的横幅。

GDN:

代码语言:javascript
复制
<body>
 <gwd-doubleclick id="gwd-ad" polite-load="">
    <gwd-metric-configuration></gwd-metric-configuration>
    <div is="gwd-pagedeck" class="gwd-page-container" id="pagedeck">
      <div is="gwd-page" id="page1" class="gwd-page-wrapper gwd-page-size gwd-lightbox" data-gwd-width="160px" data-gwd-height="600px">
        <div class="gwd-page-content gwd-page-size">
          <img is="gwd-image" source="main_galaxy_wrapper.png" id="main_wrapper" class="gwd-img-bnpg gwd-gen-1mybgwdanimation">
          <img is="gwd-image" source="disrupter.png" id="disrupter" class="gwd-img-1svs gwd-gen-gx3lgwdanimation">
          <img is="gwd-image" source="logo.png" id="logo" class="gwd-img-1mfr">
          <img is="gwd-image" source="bg.jpg" id="bg" class="gwd-img-l5ff gwd-gen-1by8gwdanimation">
          <img is="gwd-image" source="galaxy.png" id="galaxy" class="gwd-img-n640 gwd-gen-1vlxgwdanimation">
          <img is="gwd-image" source="cta.png" id="cta" class="gwd-img-1p26 gwd-gen-4kmrgwdanimation">
        </div>
      </div>
    </div>
  </gwd-doubleclick>
  <script type="text/javascript" id="gwd-init-code">
    (function() {
      var gwdAd = document.getElementById('gwd-ad');

      /**
       * Handles the DOMContentLoaded event. The DOMContentLoaded event is
       * fired when the document has been completely loaded and parsed.
       */
      function handleDomContentLoaded(event) {

      }

      /**
       * Handles the WebComponentsReady event. This event is fired when all
       * custom elements have been registered and upgraded.
       */
      function handleWebComponentsReady(event) {
        // Start the Ad lifecycle.
        setTimeout(function() {
          gwdAd.initAd();
        }, 0);
      }

      /**
       * Handles the event that is dispatched after the Ad has been
       * initialized and before the default page of the Ad is shown.
       */
      function handleAdInitialized(event) {}

      window.addEventListener('DOMContentLoaded',
        handleDomContentLoaded, false);
      window.addEventListener('WebComponentsReady',
        handleWebComponentsReady, false);
      window.addEventListener('adinitialized',
        handleAdInitialized, false);
    })();
  </script>


<script data-exports-type="gwd-studio-registration">function StudioExports() {
}</script><script type="text/gwd-admetadata">{"version":1,"type":"DoubleClick","format":"","template":"Banner 3.0.0","politeload":true,"fullscreen":false,"counters":[],"timers":[],"exits":[],"creativeProperties":{"minWidth":160,"minHeight":600,"maxWidth":160,"maxHeight":600},"components":["gwd-doubleclick","gwd-image","gwd-page","gwd-pagedeck"],"responsive":false}</script></body></html>

这是不同于banner (Xaxis)的环境,我尝试用这个解决方案在open body标签下面添加一个href,但仍然缺少单击标签检查

代码语言:javascript
复制
<body>
  <a href="https://streaming.grm-pro.com/__Vorlagen.HTML5/scripts/IAB.at.specs/iab.at.specs.txt" id="IAB_clicktag" target="_blank">
    <gwd-genericad id="gwd-ad">
      <div is="gwd-pagedeck" class="gwd-page-container" id="pagedeck">
        <div is="gwd-page" id="page1" class="gwd-page-wrapper gwd-page-size gwd-lightbox" data-gwd-width="160px" data-gwd-height="600px">
          <div class="gwd-page-content gwd-page-size">
            <img is="gwd-image" source="main_galaxy_wrapper_xaxis.png" id="main_wrapper" class="gwd-img-bnpg gwd-gen-1mybgwdanimation">
            <img is="gwd-image" source="disrupter_xaxis.png" id="disrupter" class="gwd-img-1svs gwd-gen-gx3lgwdanimation">
            <img is="gwd-image" source="logo_xaxis.png" id="logo" class="gwd-img-1mfr">
            <img is="gwd-image" source="bg_xaxis.jpg" id="bg" class="gwd-img-l5ff gwd-gen-1by8gwdanimation">
            <img is="gwd-image" source="galaxy_xaxis.png" id="galaxy" class="gwd-img-n640 gwd-gen-1vlxgwdanimation">
            <img is="gwd-image" source="cta_xaxis.png" id="cta" class="gwd-img-1p26 gwd-gen-4kmrgwdanimation">
          </div>
        </div>
      </div>
    </gwd-genericad>
  </a>
  <script>
    document.getElementById('IAB_clicktag').setAttribute('href', getUriParams.clicktag);
  </script>
  <script type="text/javascript" id="gwd-init-code">
    (function() {
      var gwdAd = document.getElementById('gwd-ad');

      /**
       * Handles the DOMContentLoaded event. The DOMContentLoaded event is
       * fired when the document has been completely loaded and parsed.
       */
      function handleDomContentLoaded(event) {

      }

      /**
       * Handles the WebComponentsReady event. This event is fired when all
       * custom elements have been registered and upgraded.
       */
      function handleWebComponentsReady(event) {
        // Start the Ad lifecycle.
        setTimeout(function() {
          gwdAd.initAd();
        }, 0);
      }

      /**
       * Handles the event that is dispatched after the Ad has been
       * initialized and before the default page of the Ad is shown.
       */
      function handleAdInitialized(event) {}

      window.addEventListener('DOMContentLoaded',
        handleDomContentLoaded, false);
      window.addEventListener('WebComponentsReady',
        handleWebComponentsReady, false);
      window.addEventListener('adinitialized',
        handleAdInitialized, false);
    })();
  </script>


</body></html>

你能帮我把它硬编码吗?提前谢谢你

EN

回答 1

Stack Overflow用户

发布于 2017-02-27 20:36:24

只需添加一个点击标签在您的横幅与谷歌网页设计器。查看以下文档以添加clicktag https://support.google.com/webdesigner/answer/3263494?hl=en

https://adgear.atlassian.net/wiki/pages/viewpage.action?pageId=75104310

您也可以使用DCM valitor:https://h5validator.appspot.com检查横幅

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42470986

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档