在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月补充链接：
- AdSense 指南：
- 创建与 AMP 兼容的广告代码（其中建议参数：首屏layout="fixed-height" height=100、非首屏layout="responsive" width=300 height=250）
- AMP官方网站：
- AMP by Example：
评论