其实一切的一切来自于百度统计的一段话:

尊敬的百度统计用户您好,基础统计报告对于分析云站点最早查询时间将调整为2年,其余站点最早查询时间调整为1年,为避免数据丢失,建议您于2022.4.12前完成历史数据的下载或截图备份。如有疑问或更久的数据存储时长需求,您可发邮件至ext_tongji_reply@baidu.com点击咨询

感觉说删就删让我产生了危机感,我其实对数据存储安全都非常敏感。一般我的文件都会保存三份以上的备份(比如微信聊天记录就存了三份,每周更新备份),这种说删就删让我感到一丝丝恐惧了。

所以百度统计我会继续用,但是要找个一起用的统计了。统计基本上都用过,cnzz界面感觉是上古时期的东西,谷歌速度堪忧,一个偶然的机遇让我看见了51la这个。初中的时候做论坛用过,后来就再也没碰过这个统计了。

界面

界面来说算是现代的后台界面了,首页概况的基本功能和百度统计一致。算是让人用起来很舒心的界面。反应速度很好(阿里云就是一个反应速度的典型反例,比较正面的例如腾讯云那种,51la很有腾讯云后台的气质)。

后台界面

一些我喜欢的功能

统计功能所有平台都大差不差,我说一些喜欢的功能。

一个是数据挂件,可以将数据自定义样式放在博客上。这个是百度统计似乎没有的,但是cnzz等都有这个。

数据挂件

还有就是灵雀监控,可以看到哪些文件加载非常耗时间,页面整体优化情况。

灵雀监控

这个网站外链可以看到链接的点击情况,这个我特别喜欢。比如看到了友情链接的点击情况、友链朋友圈的点击情况等等。

外链

总的来说

总的来说感觉这个是个非常良心的统计平台,没有收费,感觉很不错,会继续用下去。

使用51la统计:这是一个邀请链接,我会获得10元,新用户会获得8元。(不使用邀请链接均无奖励)

Butterfly的简单适配(和高级适配二选一)

首先注册使用51la统计,然后获取网站统计代码。

获取统计代码

然后获取灵雀应用监控代码。

灵雀应用监控代码

适配butterfly只需要在butterfly的配置项的inject的head里添加即可。(注意修改idck

根据yaml规则,引号后面不能有空格,如果自己直接复制统计站的代码,记得手动删除引号后面的空格

添加统计代码

1
2
3
4
- <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
- <script src="https://sdk.51.la/perf/js-sdk-perf.min.js" crossorigin="anonymous"></script>
- <script> LA.init({id:"XXXXX",ck:"XXXXX"})</script>
- <script>new LingQue.Monitor().init({id:"XXXXX",sendSuspicious:true});</script>

用这个格式来添加灵雀监控平台和网站统计。

Butterfly的高级适配(和简单适配二选一)

当你决定好使用这个统计之后,可以使用高级的异步加载适配方式(参考akilar)。

编辑themes/butterfly/layout/includes/head/preconnect.pug

添加一行

1
link(rel="preconnect" href="//sdk.51.la")

编辑themes/butterfly/layout/includes/head/analytics.pug

在末尾添加以下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
if theme.woyaola_analytics
script.
!function(p){"use strict";!function(t){var s=window,e=document,i=p,c="".concat("https:"===e.location.protocol?"https://":"http://","sdk.51.la/js-sdk-pro.min.js"),n=e.createElement("script"),r=e.getElementsByTagName("script")[0];n.type="text/javascript",n.setAttribute("charset","UTF-8"),n.async=!0,n.src=c,n.id="LA_COLLECT",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:"!{theme.woyaola_analytics}",ck:"!{theme.woyaola_analytics}"});

if theme.woyaola_perf
script.
!(function(c,i,e,b){
var h=i.createElement("script");
var f=i.getElementsByTagName("script")[0];
h.type="text/javascript";
h.crossorigin=true;
h.onload=function(){new c[b]["Monitor"]().init({id:"!{theme.woyaola_perf}"});};
f.parentNode.insertBefore(h,f);h.src=e;})(window,document,"https://sdk.51.la/perf/js-sdk-perf.min.js","LingQue");

编辑themes/butterfly/_config.yml

在合适位置添加

1
2
3
4
# 51.la Analytics
# https://v6.51.la/
woyaola_analytics: XXXXX
woyaola_perf: XXXXX

其中,wuyaola_analytics统计的id,在

安装异步代码

其中,wuyaola_perf灵雀的id,在

安装灵雀异步代码