昨天在 Typecho 里完成了百度和谷歌广告的部署投放,在【明月登楼的博客】里投放了谷歌的“自动广告”(请参考【本博客已投放谷歌 AdSense——自动广告样式】一文),其实谷歌的这个“自动广告”也可以支持投放在 AMP 页面的,只是因为amp-auto-ads-0.1.js
这个扩展库国内无法正常获取到,所以国内网络环境下可能无法显示广告。
因为明月的两个博客目前都已经支持 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 自动横幅广告”标签下。
8 条评论
感觉你的博客越做越好了呢
呵呵,都是瞎折腾!没有效益!没有希望!就是个兴趣在支撑着到现在!
我都是直接使用WordPress官方的插件,让文章页实现AMP页面,其他的懒得折腾了。谷歌广告反复申请中,尚未通过
呵呵,慢慢来!
然,现在没流量,怎么赚广告费
呵呵,先投放广告,然后专心输出原创内容!
然而并没有人点广告
呵呵,这个就看内容建设跟进如何了!因为现在的广告都是“智能匹配”的,匹配度越高,被点击的可能就越高!