美文网首页Android知识程序员WEB前端程序开发
简单两步-为你的网站添加不蒜子访问统计

简单两步-为你的网站添加不蒜子访问统计

作者: Anderson大码渣 | 来源:发表于2017-02-11 16:33 被阅读669次

想为自己的博客添加访问统计,今天尝试了多种方案,百度的统计只能后台看,前端拿不到数据,友盟的界面略丑,字符过大,且无法显示总访问量。最后好不容易找到了不蒜子的访问,好集成也好用。

http://busuanzi.ibruce.info 不蒜子官网
基于Jekyll的博客:

安装脚本

![Uploading busuanzi-counter_976524.jpg . . .]

要加载的script放在每个页面都有的地方,于是我放在了footer里面,这个每个页面都有

在_includes/footer.html中添加

<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>

安装标签

要显示站点总访问量,复制以下代码添加到你需要显示的位置。有两种算法可选:

  • 算法a:pv的方式,单个用户连续点击n篇文章,记录n次访问量。
<span id="busuanzi_container_site_pv">
    总访问次数:<span id="busuanzi_value_site_pv"></span>
</span>
  • 算法b:uv的方式,单个用户连续点击n篇文章,只记录1次访客数。
<span id="busuanzi_container_site_uv">
  访问次数:<span id="busuanzi_value_site_uv"></span>
</span>

最终效果

我的博客访问量效果

谢谢大家阅读,如有帮助,来个喜欢或者关注吧!


本文作者:Anderson/Jerey_Jobs

博客地址 : 夏敏的博客/Anderson大码渣/Jerey_Jobs

简书地址 : Anderson大码渣

CSDN地址 : Jerey_Jobs的专栏

github地址 : Jerey_Jobs

相关文章

网友评论

    本文标题: 简单两步-为你的网站添加不蒜子访问统计

    本文链接:https://www.haomeiwen.com/subject/umroittx.html