昨天在 Typecho 里完成了百度和谷歌广告的部署投放,在【明月登楼的博客】里投放了谷歌的“自动广告”(请参考【本博客已投放谷歌 AdSense——自动广告样式】一文),其实谷歌的这个“自动广告”也可以支持投放在 AMP 页面的,只是因为amp-auto-ads-0.1.js这个扩展库国内无法正常获取到,所以国内网络环境下可能无法显示广告。

zdgg.JPEG

因为明月的两个博客目前都已经支持 AMP 了,所以感觉还是有必要研究一下在 AMP 里部署这个“自动广告”的,一旦可以正常获取扩展库的时候就直接生效了。同时,也当是自己学习折腾的笔记了,所以就参考谷歌AdSense官方给出的实现办法,分享下面的笔记。

AMP 自动广告是指 AdSense 自动放置在 AMP 网页上的广告。本指南将向您介绍如何在 AMP 网页上实现 AMP 自动广告代码。

请注意,您只需将 <amp-auto-ads> 广告代码放置在要展示 AMP 锚定广告和/或文字广告和展示广告的每个网页中,放置一次即可。

如何实现 AMP 自动广告

针对您要展示 AMP 自动广告的每个网页,按以下步骤操作。您发布 <amp-auto-ads> 广告代码后,AMP 自动广告将会在几分钟之内开始展示。

amp-auto-ads 脚本放置在网页的 中。

<head>
   <script async 
      custom-element="amp-auto-ads"
      src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
   </script>

<title>My AMP Page</title>

...

紧跟在起始 标记之后放置 amp-auto-ads 广告代码。

</head>

<body>
   <amp-auto-ads type="adsense" data-ad-client="ca-pub-123456789123456"></amp-auto-ads>

...

</body>

重要提示:请务必用您自己的发布商 ID 替换上述代码中的“ca-pub-123456789123456”。

注意事项

  • 目前仅支持文字广告和展示广告。

AMP 自动广告将根据您网页上的内容量展示适当数量的广告,同时会考虑到您已经拥有的任何硬编码 <amp-ad>

目前,AMP 自动广告仅面向使用移动设备的用户展示。请在移动设备上测试您的网站,以确认能否看到 AMP 自动广告。

如何跟踪 AMP 自动广告的效果

要跟踪 AMP 自动广告的效果,您可以查看效果报告标签上的广告行为报告。在该报告中,AMP 自动广告显示在“AMP 自动横幅广告”标签下。

最后修改:2018 年 03 月 01 日
如果觉得我的文章对你有用,请随意赞赏