当前位置

网站AMP版本添加AdSense底部固定悬浮广告

James Qi 在 2017年6月8日 - 17:24 提交

  这段时间为一些老的网站添加了AMP版本,在《AMP (Accelerated Mobile Pages) “加速移动网页”中的广告》这篇博客文章中记录了在AMP版本中添加AdSense广告的一些信息。

  今天尝试了一下在AMP页面中添加固定悬浮广告,AMP官方网站中的信息:amp-sticky-ad。具体在Drupal中实施是修改/sites/all/themes/amptheme/ampsubtheme_example/templates/layout/html.tpl.php,加上两段红色的代码:

<html amp>
  <head>
    <meta charset="utf-8">
    <title>页面标题</title>
    ......
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
    <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
    <script async custom-element="amp-sticky-ad" src="https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"></script>
  </head>
  <body>
  ......
    <amp-sticky-ad layout="nodisplay">
      <amp-ad width="320"
        height="100"
        type="adsense"
        data-ad-client="ca-pub-9094xxxxxxxxxxxx"
        data-ad-slot="11xxxxxxxx">
      </amp-ad>
    </amp-sticky-ad>
  </body>
</html>

  这样看上去效果还可以,只是AMP版本的AdSense广告在国内还是常常无法显示。

添加新评论

Plain text

  • 不允许使用HTML标签。
  • 自动将网址与电子邮件地址转变为链接。
  • 自动断行和分段。