您在這裡

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 標籤。
  • 自動將網址與電子郵件地址轉變為連結。
  • 自動斷行和分段。