hexo-butterfly-数据统计相关引入
hexo-butterfly-数据统计相关引入
1.基础统计
字数统计
开发说明
<1>引入字数统计相关插件:
1 | # 方式1 |
<2>修改主题配置文件_config.butterfly.yml
1 | wordcount: |
测试结果
针对阅读次数统计除了默认的卜算子还可借助第三方服务firebase进行构建
2.报表统计
借助Echarts.js构建数据报表统计,构建步骤说明如下
<1>在主题配置文件中配置inject->head引入echarts.js文件(可调整版本)
1 | inject: |
<2>在butterfly\scripts\helpers\目录下创建自定义的charts.js文件
<3>创建一个统计页面,在文章中引入容器装载统计图
常见问题
如果构建过程中出现一些依赖引入相关问题,正常执行引入即可,例如 err: Error: Cannot find module 'cheerio'
,执行 npm i cheerio --save
安装相关依赖
3.分析统计
可引入多个平台资源的统计数据,在主题配置文件中配置相应的代码即可
登录网站统计,管理->网站列表->新增自有网站,输入网站域名后确认
代码管理->代码获取,在代码获取页面查看相应的字段内容(
hm.src = "https://hm.baidu.com/hm.js?xxxx
),其中xxxx为相应的baidu_analytics
值- 配置完成并发布可在网站列表->自有网站中检查首页代码状态
登录谷歌分析官网,创建账号并创建媒体资源(一个账号可控制多个媒体资源)
在媒体资源中创建数据流->添加网站资源,完成后可查看信息,对应衡量ID则为
google_analytics
值
登录CNZZ分析官网,注册站点
站点设置 -> 获取代码 -> 获取web_id即为
cnzz_analytics
值
登录Microsoft Clarity,Add New Project
选择构建完成的Project->Set up->查看
Clarity tracking code