当前位置

AMP (Accelerated Mobile Pages) “加速移动网页”中的广告

James Qi 在 2017年3月12日 - 13:00 提交

  在Web生态中如果没有广告的话,会让很多开发者失去或减少收入、无法持续发展,所以Google在主导AMP技术的时候从一开始就考虑了如何加入广告(AMP限制了很多JavaScript以提高速度),AdSense是首先考虑的,还有Google的DFP(Google DoubleClick for Publishers Network),网页统计Google Analytics也是需要改造的,非Google的广告、统计等也都是有办法进行改造的。

  周末这两天尝试修改了一个主要留作测试的站点:https://drupal7.adsensebook.cn ,在安装了

  后,可以实现基本的AMP效果:https://drupal7.adsensebook.cn/?amp 。

  Drupal AMP模块中包含了对Google Analytics、AdSense和DoubleClick的支持,只需要在配置AMP的时候输入:

  • Google Analytics Web Property ID
  • Google AdSense Publisher ID
  • Google DoubleClick for Publishers Network ID

  然后在Block设置中修改AMP Google Adsense 1-4、AMP Google DoubleClick for Publishers 1-4这些区块。

  我先在AdSense后台生成了四个广告单元,分别是:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- AdSense 2017 AMP 320x100 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:320px;height:100px"
     data-ad-client="ca-pub-9094871827609791"
     data-ad-slot="9814520596"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- AdSense 2017 AMP 300x250 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-9094871827609791"
     data-ad-slot="5244720195"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- AdSense 2017 AMP Responsive -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-9094871827609791"
     data-ad-slot="6721453390"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- AdSense 2017 AMP Responsive Link -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-9094871827609791"
     data-ad-slot="9674919791"
     data-ad-format="link"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

  320x100移动大横幅、300x250矩形、响应式图片文字、响应式文字链接各一个用于测试,在Drupal Block设置AMP Google Adsense 1-4中需要输入“宽度”、“高度”、“Data ad slot”,对于前两个广告单元是有明确尺寸的,直接填写就可以,对于后两个响应式广告单元可以自己填写希望的尺寸,例如320x100、200x90。

  需要说明的是新建的广告单元需要几十分钟后才能正常显示,测试的时候需要耐心等待一会儿。另外,在国内打开这种AMP页面本身还快,但上面的广告显示非常慢甚至报错“d-1881351222005330934.ampproject.net 的响应时间过长。”无法显示广告出来。而翻墙在国外来访问的时候广告是可以正常显示出来的。


  2017年5月补充链接:

自由标签:

添加新评论

Plain text

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