hexo 增加 google AdSense 广告
引言
本着蚊子再小也是肉原则,也有看一下真实访问量的想法,加一个广告试试。
效果展示
过程
注册谷歌广告
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 自定义标签将谷歌广告代码动态插入到指定的文章的特定位置中,广告类型一般是谷歌的文章内嵌广告,但也支持谷歌其他类型的广告。
使用步骤
- 安装插件:
npm install hexo-google-adsense --save
- 编辑 Hexo 的
_config.yml
配置文件,添加对应的插件配置信息 - 在本地或网络上创建存放谷歌广告代码的文件,并拷贝谷歌的广告代码到文件中
- 编辑 Hexo 的 MarkDown 文件,在希望添加谷歌广告的地方,增加右边这行内容即可:
{% GoogleAdsense %}
提示: {% GoogleAdsense %}
中的 GoogleAdsense 是 Hexo 自定义标签默认的名称
配置示例
1 | hexo_google_adsense: |
参数说明
- 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 | <head> |
待优化功能
目前只支持在 Hexo 的 _config.yml
文件中配置单一类型的谷歌广告,后续考虑结合 Hexo 自定义标签的参数,支持在不同的文章中插入不同类型的广告。
结论
引用
All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.
Comment