Butterfly:为博客添加微软Clarity数据统计
305 字
2 分钟
Butterfly:为博客添加微软Clarity数据统计
前言
什么是Clarity? Clarity 是一款免费产品,可捕获用户使用网站的方式。安装非常简单,只需几分钟时间即可开始获取数据,并且微软承诺将永久100%免费。说人话,就是免费的网站数据统计
安装
由于我使用的是Hexo框架和Butterfly主题,我就以此来演示。
注册微软账号
首先,要有一个微软账号,可以从这里注册,https://www.microsoft.com/zh-cn 注册账号人人都会我就不过多赘述了(你因该不会只会用手机吧
添加Clarity项目
来到Clarity官网https://clarity.microsoft.com 登录微软账号后点击开始使用,新建项目后,你的网站就会到项目列表里了

安装至网站
1.添加项目后会自动进入配置页面,我们选择手动部署

2.把下面这串代码复制

3.按照其缩进格式填入_config.butterfly.yml主题配置文件

4.保存后hexo三件套过一会就能看到效果了(网站太小没什么人qwq)

支持与分享
如果这篇文章对你有帮助,欢迎分享给更多人或赞助支持!
Butterfly:为博客添加微软Clarity数据统计
https://blog.yvyang.top/posts/48347/index.HTML/ 相关文章 智能推荐
1
添加来访者卡片
建站札记 这篇文章介绍了在Hexo博客中使用小小API替代失效的Nice猫API来实现访客卡片功能的方法。文章首先说明了更换API的背景原因,随后详细讲解了创建welcome.js文件的步骤,包括IP数据获取、地址解析、缓存管理、欢迎消息生成等核心代码逻辑,并提供了完整的JavaScript代码示例。最后指导用户如何在主题配置文件中引入JS文件和配置卡片内容,使博客能够根据访客的地理位置和IP地址显示个性化的欢迎信息,提升网站交互体验。
2
使用CloudFlare代理WebDav播放音乐
建站札记 这篇文章介绍了使用 CloudFlare Worker 实现 WebDav 服务的方法。文章中首先创建了一个名为 Workers 的目录,并在其中创建了两个文件:HelloWorld.worker.ts 和 proxyWorker.ts。这两个文件分别用于编写 HelloWorld 和代理音乐请求的代码。文章还提供了一些辅助函数,如 isOriginAllowed、getTestPage 和 debugInfo,以方便开发者进行调试和测试。
3
网站加速方案:阿里云免费版边缘安全加速ESA
建站札记 这篇文章介绍了如何通过阿里云免费版边缘安全加速ESA服务为个人博客网站加速。作者首先描述了自己无法使用国内CDN服务的情况,然后发现了阿里云的ESA服务,并决定尝试开通该服务。在开通过程中,作者详细解释了如何在控制台添加站点、设置DNS解析记录以及申请证书的具体步骤。
4
为网站添加并使用iconfont图标
建站札记 这篇文章介绍了如何在hexo-theme-butterfly主题中添加并使用Iconfont图标库。作者首先说明了在默认的FontAwesome图标库中存在的问题,如需要付费以及有时找不到特定图标的需求,随后转向引入Iconfont作为补充。Iconfont是由阿里妈妈MUX开发的一个矢量图标管理、交流平台。文章详细指导了注册账号和获取图标代码的过程,包括如何访问官网、选择图标加入购物车、添加到项目、更新配置文件等步骤。最后,文章总结了使用Iconfont图标服务的优势,并鼓励读者尝试这个工具以丰富网站内容。
5
网站域名从blog.yvyang.fun迁移至blog.yvyang.top
建站札记 这篇文章主要讲述了作者从`yvyang.fun`这个域名迁移至`yvyang.top`的过程,以及将`yvyang.fun`重定向到`yvyang.top`的操作。文章还提到了续费价格的变化,以及作者对读者的祝福。
随机文章 随机推荐