在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：
评论