前言

因为最近百度统计时常抽风，所以作者切换到了51la统计

51la统计

快速开始

(这是一个邀请链接，我会获得10元，新用户会获得8元。(不使用邀请链接均无奖励))

并添加网站，获取网站安装代码(开启了Pjax的可以打开单页应用上报功能)

会得到如下代码

1 2	<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id: "xxxx",ck: "xxxx",hashMode:true})</script>

安装代码

加入butterfly主题配置文件

inject:
  head:
    ......
+   - <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
+   - <script>LA.init({id: "xxxx",ck: "xxxx",hashMode:true});</script>

在博客根目录内的source文件夹内建立js文件夹((其实可以随便放)已经建立的不用重复建立)

在刚刚建立的js文件夹内新建一个51la.js内部写上

1	LA.init("这里填上安装代码的配置json");

配置json指的是刚刚复制的代码内的{id: "xxxx",ck: "xxxx",hashMode:true}

填好后大概长这个样子

1	LA.init({id: "xxxx",ck: "xxxx",hashMode:true});

然后在主题配置文件内加上

inject:
  head:
    ......
+   - <script defer charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
+   - <script defer src="/js/51la.js"></script>

利用defer标签实现按顺序异步加载

不要变动顺序，会导致不生效
注意: 等会异步安装灵雀应用监控的时候添加的js脚本一定要放在51la.js前面

灵雀应用监控

快速开始

使用刚刚注册的51la账号登录灵雀应用监控

并且创建应用，获取安装代码

开启了pjax的可以打开单页应用上报

然后会得到以下内容

<script src="https://sdk.51.la/perf/js-sdk-perf.min.js" crossorigin="anonymous"></script>
<script>
  new LingQue.Monitor().init({id:"xxxxxx",sendSpaPv:true});
</script>

安装代码

加入butterfly主题配置文件

inject:
  head:
    ......
+   - <script src="https://sdk.51.la/perf/js-sdk-perf.min.js" crossorigin="anonymous"></script>
+   - <script>new LingQue.Monitor().init({id:"xxxxxxxxx",sendSpaPv:true});</script>

在刚刚为异步51la新建的51la.js内部加上(注意是加上)

1	new LingQue.Monitor().init("这里填上安装代码的配置json");

配置json指的是刚刚复制的代码内的{id:"xxxxxxxxx",sendSpaPv:true}

填好后大概长这个样子

1	new LingQue.Monitor().init({id:"xxxxxxxxx",sendSpaPv:true});

然后在主题配置文件内加上

inject:
  head:
    ......
    - <script defer charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
+   - <script defer src="https://sdk.51.la/perf/js-sdk-perf.min.js" crossorigin="anonymous"></script>
    - <script defer src="/js/51la.js"></script>

利用defer标签实现按顺序异步加载