前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【个人博客搭建及配置四】站长统计和阅读统计

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

作者头像
ConardLi
发布2019-09-08 14:44:10
9150
发布2019-09-08 14:44:10
举报
文章被收录于专栏:code秘密花园

导读:

分类:技术干货

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

一.站长统计

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

站长统计工具有很多,每个工具大同小异,这里我选择了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>
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-12-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 code秘密花园 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
腾讯云 BI
腾讯云 BI(Business Intelligence,BI)提供从数据源接入、数据建模到数据可视化分析全流程的BI能力,帮助经营者快速获取决策数据依据。系统采用敏捷自助式设计,使用者仅需通过简单拖拽即可完成原本复杂的报表开发过程,并支持报表的分享、推送等企业协作场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档