Keep 主题增加百度和 Google 统计代码
Todd

Keep 主题就是当前博客的主题,自带了 不蒜子 的计数功能。但是只能显示几个非常基本的数据。

1
2
3
4
5
6
website_count:
busuanzi_count:
enable: false # Option values: true | false
site_uv: false # Option values: true | false
site_pv: false # Option values: true | false
page_pv: false # Option values: true | false

这完全不够啊,所以我想加上百度和 Google 的统计代码。
但是 Keep 官方没有直接给出配置,而且试了下有些文章里说在配置文件_config.yml里加baiduAnalytics 或者googleAnalytics ,并没有用。

所以我自己翻了下 Keep 的手册,发现了一个好功能,Inject Js

只需要在source下新建js目录,然后写一个 js 文件,我的文件名字叫analytics.js,然后在里面写入百度和 Google 的统计代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var _hmt = _hmt || [];
(function () {
// Baidu
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?1f674c1a6a5a78e2802a2d5a43e374dd";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);

// Google
var gg = document.createElement("script");
gg.src = "https://www.googletagmanager.com/gtag/js?id=G-2G77MR4GYG";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(gg, s);

window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());

gtag("config", "G-2G77MR4GYG");
})();

里面的两个值需要换成你自己的,然后在keep.yml里增加:

1
2
3
4
inject:
enable: true
js:
- /js/analytics.js

启动、刷新下网页,就看到代码已经执行了,然后去百度和 Google 后台检查下代码安装结果,一般情况下,Hexo 部署成功之后就可以看到代码安装正确的提示了。

由 Hexo 驱动 & 主题 Keep
本站由 提供部署服务
总字数 74.6k 访客数 访问量