不少网站都有访问浏览统计计数的需求，不蒜子以简单快捷的方式帮助我们实现此需求。
1. 它是什么？
不蒜子是一个简易网站计数服务，可以统计和展示网站总访问量与某个页面访问量。
2. 如何使用？
两步操作：引脚本 + 写标签
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<span id="busuanzi_container_site_pv">
本站总访问量: <span id="busuanzi_value_site_pv"></span>次
</span>
具体用法
<!-- 网站总访问量 -->
<span id="busuanzi_container_site_pv">
本站总访问量: <span id="busuanzi_value_site_pv"><!-- number will be auto injected here by busuanzi --></span>次
</span>
<!-- or -->
<span id="busuanzi_container_site_uv">
本站总访问量: <span id="busuanzi_value_site_uv"><!-- number will be auto injected here by busuanzi --></span>次
</span>
<!-- 某页面访问量 -->
<span id="busuanzi_container_page_pv">
本页访问量：<span id="busuanzi_value_page_pv"><!-- number will be auto injected here by busuanzi --></span>次
</span>
<!-- or -->
<span id="busuanzi_container_page_uv">
本页访问量：<span id="busuanzi_value_page_uv"><!-- number will be auto injected here by busuanzi --></span>次
</span>
pv 与 uv 的区别
- pv: 单个用户连续点击n篇文章，记录n次访问量。
- uv: 单个用户连续点击n篇文章，只记录1次访客数。
3. 基本原理
- 加载 busuanzi.pure.mini.js 文件时，其将构建一个 jsonp 的请求:
<script src='http://busuanzi.ibruce.info/busuanzi?jsonpCallback=BusuanziCallback_77382268718></script>
- 此次请求中做了两件事：
- 不蒜子服务器取到此次请求中的某些特征值(如：RequestHeader 的 Referer )，为此站点记录一次访问数；
- 返回此站点的当前访问数(jsop的方式)
- 客户端接收到响应，相关逻辑会执行响应结果，通过DOM操作修改当前站点访问数据。
4. 常见问题
- 怎么初始化访问数据？
- 不蒜子暂时没有设置初始数据的功能，有兴趣的同学可以在我的这篇博文中查看方法。
5. 小结
首先，在此表达对不蒜子及其作者的感谢。他们的无私帮助了包括我在内的许多人，感谢！
其次，也希望能够通过自己不断的分享，提升自己。倘若能够给他人带来帮助，那将是对我最大的奖励。
此致
敬礼！
文档信息
- 本文作者：xu jinshan
- 本文链接：https://xujs0813.github.io/gitpage/2020/09/25/introduction-of-bu-suan-zi/
- 版权声明：自由转载-非商用-非衍生-保持署名（创意共享3.0许可证）