前言

在Halo-hao主题的关于页设置中,有个51la统计的设置,这个设置对应前台 关于 页面中的访问统计,主要用于显示今日访问人数、昨日访问人数、本月访问人数、总访问量等信息,但是官方教程文档里并没有特别详细的说明,以至于在设置时会遇到一些坑,因此本篇文章详细补充这部分的内容。



设置教程

获取统计代码ID

首先前往51la官网,点击右上角的 应用管理 按钮,进入51la应用后台


然后找到自己添加的网站统计应用(如果没有请自行添加),点击右侧的 配置 按钮,进入统计应用设置页面


在网站统计设置页面中,点击上方的 统计代码,然后在下方页面中点击获取 SDK追踪代码


在弹出的页面中,我们需要在系统生成的代码中找到第二行的ID,并复制下来备用,如图所示



主题关于页设置

进入自己的Halo后台,点击主题 》关于,进入Hao主题的 关于页 的设置页面


将页面往下滚动,找到 51la网站统计 项,上方步骤中获取的统计代码ID粘贴进去,最后点击 保存 按钮即可

1-pzAK.jpg



避坑说明

完成上述步骤就结束了?那你就错了,上述步骤在Hao主题的官方文档里都有:https://www.yuque.com/liuzhihangs/halo-theme-hao/eeoayhggq5a7wh3u


但是由于步骤不够详细,因此也留了一个坑:我们进入关于页后会发现有个quote.js的文件出现了404错误或者是401错误,对应的链接为:

https://v6-widget.51.la/v6/51la统计代码ID/quote.js


这其实就是Hao主题获取51la数据所需要的一个关键文件,这个文件包含了51la的基础统计数据,由于这个文件无法加载导致关于页 访问统计 卡片的内容无法正常加载,尝试直接打开链接会提示以下错误:

<Error>
<Code>NoSuchKey</Code>
<Message>The specified key does not exist.</Message>
<RequestId>687BDDF8EC0F10363593E5F0</RequestId>
<HostId>v6-widget.51.la</HostId>
<Key>v6/Jqg5LIN4fQOIYqE0J/quote.js</Key>
<EC>0026-00000001</EC>
<RecommendDoc>https://api.aliyun.com/troubleshoot?q=0026-00000001</RecommendDoc>
</Error>

这个错误说明了51la统计ID不存在或者是没有权限访问,由于我们是从51la直接复制过来的ID,不可能有ID不存在的情况,那么只有无权访问这一种可能了,解决这个问题的访问也很简单:

首先回到51la后台,点击数据挂件,然后点击开启数据挂件功能即可,开启这个功能后需要等待十分钟左右才会生效


我们在这个页面中往下翻可以找到51la提供的嵌入代码,在嵌入代码中我们可以找到关于页中加载的 quote.js 文件,说明我们上面提到 quote.js 是Hao主题加载统计数据的一个 关键文件 这个推断是正确的

<script id="LA-DATA-WIDGET" crossorigin="anonymous" charset="UTF-8" src="https://v6-widget.51.la/v6/Jqg5LIN4fQOIYqEJ/quote.js?theme=0&col=true&f=12&badge=icon_0&icon=center"></script>


上述避坑内容我主要是在 blog.leonus.cn 这个网站中找到的