Typecho 的AMP页面 谷歌自动广告投放实现

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

Typecho 的AMP页面 谷歌自动广告投放实现

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

AMP 自动广告是指 AdSense 自动放置在 AMP 网页上的广告。本指南将向您介绍b f 7 t o 如何在 AMP 网_ Z G @ c C ~ .页上实现 AMP 自动广告代码。

请注意,您只需将 <ampq . U C . E !-auto-ads> 广告代码放置在要展示 Ao U K 0 Z uMP 锚定广告和/或文字广告和展示广告B h c 1 ^的每个网页中,放置一次即可。

如何实现 AMP 自动广告

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

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

中。

<head&gR G : g nt;
<script async
custom-element="amp-auto-ads"
src="https://cdn.aY i 9 9 s _ f E Hmpproject.org/v0/amp-auto-ads-0.1.js">
</script>
<title>My AMP Page</title>
...

紧跟在起始

标记之后放置 amo ! y , - {p-auto-ads 广告代码。

</head>
<body&^ U t ; d a 4 Fgt;G H C W q
<amp-auto-ads type="adsense" data-ad-client="ca-pub-123456789123456">Y = Z s M;</amp-a* & p 4 auto-ads>
...
</body>

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

注意事项

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

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

目前s B u,AMP 自动广告c ) 1 b T仅面向使用移动设备的用户展示。请在移动设备上测A d m试您的网站,以确认能否看到 AMP 自动广告。

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

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