这段时间为一些老的网站添加了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广告在国内还是常常无法显示。
评论