操作步骤

加入腾讯统计的方法非常简单,只需要2步就可以了:

  1. 腾讯分析申请创建一个项目,得到一段类似代码:

    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=66171907" charset="UTF-8"></script>
    
  2. _includes/footer.html(如果该文件不存在的话,可以从模板里面拷贝出来)最后增加一行,将上面的代码拷贝进去,这时候正常运行就可以得到统计结果了;

百度统计的方式也类似,如果想要在header引入的话可以考虑放在_includes/head.html

这时候本地调试也会上报统计,这种情况如果不想上报的话,需要加上判断条件。这里用了jekyll.enviroment变量,该变量在github pages发布的时候会设置成production,而本地没有设置该变量就不会引入该script。注意下代码的%需要加上对应的{}(没有直接加是因为会被jekyll自动处理)

%- if jekyll.environment == 'production' -%
  <script type="text/javascript" src="http://tajs.qq.com/stats?sId=66171907" charset="UTF-8"></script>
%- endif -%

如果你调试的时候想临时验证下的话,可以指定环境变量,类似这样子执行:

JEKYLL_ENV=production bundle exec jekyll serve

再进一步,也可以在配置文件里面增加配置项用来配置是否启用腾讯统计或者百度统计。在_config.yml增加一行tencent_analytics: 1,然后在_includes/footer.html里面的条件换成

%- if jekyll.environment == 'production' and site.tencent_analytics == 1 -%

更新

腾讯分析将于2020年12月31日下线,这里引导的腾讯移动分析也将在2021年3月份下线,所以只能放弃腾讯分析了。

image-20201203214147198

只能切到百度统计了,百度统计的js看着有点复杂,先直接拷贝吧。

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?xxxxxx";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>