這段時間為一些老的網站添加了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廣告在國内還是常常無法顯示。
评论