Google AdSense 之 Hexo Next

开启 Google AdSense

Google AdSense 有Google账号即可,用谷歌账号登录 AdSense,在账号设置中完善下个人信息。

关联网站

点击网站-新建网站,输入自己域名,点击保存。

关联网站有两种验证方式, AdSense 代码段及 Ads.txt 代码段。

这里选ads.txt代码段这种方式 ,即使这里不选ads.txt代码段后续也会要求网站根目录上传一个。同样这里选了ads.txt后续网站配置文件也需要添加adsense代码段。所以都是一样的。

操作方法就是将下面这段代码存到ads.txt文件中,上传到网站根目录,Hexo的网站根目录是Public,需要将ads.txt放到Source目录下,这样每次更新网站ads.txt不会丢失。

上传到网站根目录后回到 Google AdSense 网页,勾选我已发布ads.txt文件,点击下一页

点击申请审核,审核需要些时间,我是第二天就收到通过了邮件:您的网站现已准备好通过 AdSense 展示广告。

方式一 AdSense 代码段

将此代码复制并粘贴到您网站中每个网页上的 <head> 和 </head>标记之间

1
2
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5162164891780781"
crossorigin="anonymous"></script>

方式二 Ads.txt 代码段

请将以下文本复制并粘贴到每个 ads.txt 文件中,然后上传到您网站的根目录Source目录下即可

1
google.com, pub-5162164891780781, DIRECT, f08c47fec0942fa0

投放广告

Google AdSense 点击广告,三个栏目两种方式:按网站、按广告单元、全局设置

  • 全局设置:广告尺寸和类型,这里勾选让 Google 来为您优化移动广告的尺寸
  • 按网站:Google 即会自动在所有最佳位置展示广告
  • 按广告单元:这个比较麻烦,按投放位置选择广告单元样式生成代码,再将代码添加到对应位置网站模板文件中

这两种方式影响广告的位置、尺寸、类型,所需修改的代码也不一样。提示大家做好备份别改乱。

按网站投放

相对简单,只需将代码添加到header即可

点击获取代码-复制

theme/layout/_third-party/analytics 目录下建立一個文件 google-adsense.swig,內容为刚复制的代码

1
2
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5162164891780781"
crossorigin="anonymous"></script>

修改header

打开 theme/layout/_third-party/analytics 目录下 index.swig ,添加一行

1
{% include 'google-adsense.swig' %}

最终

1
2
3
4
5
6
{% include 'facebook-sdk.swig' %}
{% include 'vkontakte-api.swig' %}
{% include 'google-analytics.swig' %}
{% include 'google-adsense.swig' %}
{% include 'baidu-analytics.swig' %}
{% include 'application-insights.swig' %}

此时就可以查看网站广告效果了。

广告设置预览

可以设置广告样式及预览,自己尝试效果选择即可。

按广告单元

这个比较麻烦,按投放位置选择广告单元样式生成代码,再将代码添加到对应位置网站模板文件中。

比如 页面两侧、页面底部、侧边栏、评论区,文章内部等等

放多了会影响阅读体验。需要改的配置文件也较多,尝试了一番,最终还是选择了按网站放置广告。

这里只给大家展示下,抛砖引玉。

例如选择Google推荐的展示广告,适用范围广,任何空间都能投放的。

设置页面可以选择形状样式、尺寸,有示例,再设置一个名称,点击创建。之前设置过了,这里就不点了。

创建后,在现有广告单元里还可以编辑、查看报告、获取代码。

点击获取代码,复制后粘贴到对应的网站模板文件中即可。

关于sellers.json

登录Google AdSense,页面顶端有条提示:

  • 我们建议您在 Google 的 sellers.json 文件中公开您的卖方信息:访问“帐号设置”页可查看您当前的公开状态。

sellers.json 公开您的卖方信息,透明度并帮助打击欺诈行为。了解详情内容不用细看.

点击操作-点选透明 即可