引言

本着蚊子再小也是肉原则,也有看一下真实访问量的想法,加一个广告试试。

效果展示

过程

注册谷歌广告

https://www.google.com/adsense/

添加 ads.txt

光说验证的话其实添加 ads.txt 比较简单,请务必确定是 ads.txt 而不是 Ads.txt, 因为在不区分大小写的系统里面如果第一次上传了 Ads.txt 之后是不会被覆盖掉的,会导致验证失败。

新建一个 ads.txt 文件,内容示例如下:

1
google.com, pub-**68719829292929, DIRECT, f08c47fec0942fa0

然后上传到博客的 source 文件夹下。

修改主题配置文件

使用的是 Hexo 的谷歌广告插件[2],用途说明:

支持使用 Hexo 自定义标签将谷歌广告代码动态插入到指定的文章的特定位置中,广告类型一般是谷歌的文章内嵌广告,但也支持谷歌其他类型的广告。

使用步骤

  1. 安装插件:npm install hexo-google-adsense --save
  2. 编辑 Hexo 的 _config.yml 配置文件,添加对应的插件配置信息
  3. 在本地或网络上创建存放谷歌广告代码的文件,并拷贝谷歌的广告代码到文件中
  4. 编辑 Hexo 的 MarkDown 文件,在希望添加谷歌广告的地方,增加右边这行内容即可: {% GoogleAdsense %}

提示: {% GoogleAdsense %} 中的 GoogleAdsense 是 Hexo 自定义标签默认的名称

配置示例

1
2
3
4
5
hexo_google_adsense:
enable: true
log_msg: true
tag_name: 'GoogleAdsense'
file_path: 'source/ads/google/article_ads.html'

参数说明

  • enable:是否启用插件,默认值为:false
  • log_msg:是否打印日志信息,默认值为:false
  • tag_name:Hexo 自定义标签的名称,默认值为:GoogleAdsense
  • file_path:谷歌广告代码文件的路径,支持使用绝对路径或者相对于 Hexo 博客根目录的路径(例如:source/ads/google/article_ads.html),同时支持使用 URL 路径(例如:https://www.example.com/ads/google/article_ads.html

注意事项

根据谷歌官方的要求,使用此插件时必须在 Hexo 主题的模板文件中的 Head 标签内添加如下的一行代码(请自行替换掉 xxxx):

1
2
3
<head>
<script data-ad-client="xxxx" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</head>

待优化功能
目前只支持在 Hexo 的 _config.yml 文件中配置单一类型的谷歌广告,后续考虑结合 Hexo 自定义标签的参数,支持在不同的文章中插入不同类型的广告。

结论

引用

  1. Hexo Next 接入 google AdSense 广告 - 腾讯云开发者社区 - 腾讯云
  2. GitHub - rqh656418510/hexo-google-adsense: hexo tag plugin for google adsense
  3. Hexo 博客添加 Google Adsense ads.txt - Alan Lee