首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【个人博客搭建及配置四】站长统计和阅读统计

导读:

分类:技术干货

题目:站长统计和阅读统计

一.站长统计

使用一个站长统计工具,可以为博客添加一个如上面似的详细的访问报表。

站长统计工具有很多,每个工具大同小异,这里我选择了CNZZ。

1.CNZZ配置

1.注册一个账号。

2.添加网站。

按照如下要求添加网站

3.选择统计代码

添加完网站后就可以选择一段代码插入你的博客里了, CNZZ提供了几种样式,你可以选择展示真实的统计数量,一个cnzz图标或者什么都不显示。

2.代码配置

将上面复制的代码插入到你主题代码的公共区域中。

每个主题的代码都不一样,但是大体结构是相同的,都会将通用的组件抽取出来。

这里我找到了每个页面都使用的footer组件,我使用的是hueman主题,代码在themes/hueman/common/footer.ejs

在此文件中找到合适的位置插入你的统计代码。

比如我的(script内的部分):

二.阅读统计

这里的统计是用来展示在页面上的,可以标示文章以及博客的热度。

使用不蒜子来展示文章访问统计和页面访问统计。

1.引入不蒜子

将不蒜子js文件引入博客主题公共组件中。

代码语言:javascript
复制
<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>

这里我同站长统计一样放在themes/hueman/common/footer.ejs

2.文章访问统计

要显示每篇文章的访问量,复制以下代码添加到你需要显示的位置。

可以在标签上自定义一些样式。

算法:pv的方式,单个用户点击1篇文章,本篇文章记录1次阅读量。

代码语言:javascript
复制
<span id="busuanzi_container_page_pv">
 本文总阅读量<span id="busuanzi_value_page_pv"></span>次</span>

3.整站访问统计

算法a:pv的方式,单个用户连续点击n篇文章,记录n次访问量。

代码语言:javascript
复制
<span id="busuanzi_container_site_pv">
   本站总访问量<span id="busuanzi_value_site_pv"></span>次</span>

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

代码语言:javascript
复制
<span id="busuanzi_container_site_uv">
 本站访客数<span id="busuanzi_value_site_uv"></span>人次</span>
下一篇
举报
领券