51la统计体验报告：很全面的惊喜

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

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

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

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

界面

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

后台界面

一些我喜欢的功能

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

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

数据挂件

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

灵雀监控

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

总的来说

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

Butterfly的简单适配（和高级适配二选一）

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

获取统计代码

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

灵雀应用监控代码

适配butterfly只需要在butterfly的配置项的inject的head里添加即可。（注意修改id和ck）

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

添加统计代码

- <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

在末尾添加以下代码

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}",hashMode:true});

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

在合适位置添加

# 51.la Analytics
# https://v6.51.la/
woyaola_analytics: XXXXX
woyaola_perf: XXXXX

其中，wuyaola_analytics为统计的id，在

安装异步代码

其中，wuyaola_perf为灵雀的id，在

安装灵雀异步代码