使用不蒜子计算网站访问情况

/ 分享 / 无站内评论 / 646浏览

资料整理自:http://ju.outofmemory.cn/entry/126594

1.显示站点总访问量

首先将以下内容复制在主页上,比如index.html:

<script async src="//dn-lbstatics.qbox.me/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_uv">
  本站访客数<span id="busuanzi_value_site_uv"></span>人次
</span>

上面的第一个是计算PV量,第二个是计算UV量。

算法:uv的方式,单个用户连续点击n篇文章,只记录1次访客数。 PV则是访问一次算一次。

2.显示单页面访问量

在单页面上添加以下内容:

<span id="busuanzi_container_page_pv">
  本文总阅读量<span id="busuanzi_value_page_pv"></span>次
</span>

问题:

1、我只要统计不显示?
只引入busuanzi.js,不引入显示标签即可。

2、你的标签太丑了,我想美化一下可以么?
可以的,您可以用自己站点的css进行控制,只要内层span的id正确以便回填访问次数即可,甚至标签都可以不是span。

3、中文字体太丑了,我的主题不适合?
您可以将 本站总访问量xxx次 改成 view xxx times 等英文以获得更和谐的显示效果。

4、在访问量数据未取回来之前,我不想让页面显示为诸如“本站总访问量 次”,显得太low,怎么办?
只需要如下css,不蒜子执行完毕会自动将标签显示出来,其他以此类推:

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
或
<link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css">

个人实例:

<span id="busuanzi_container_site_pv" style="float:right"> :总访问量/<span id="busuanzi_value_site_pv"></span></span>
        <span id="busuanzi_container_site_uv" style="float:right">总访人数/<span id="busuanzi_value_site_uv"></span></span>

效果:

召唤蕾姆
琼ICP备18000156号

鄂公网安备 42011502000211号