微软网站统计分析系统Clarity是一个免费的分析工具，可帮助您通过点击跟踪，滚动跟踪和热图来分析用户如何与您的网站互动。类似谷歌的Google analytics统计代码，百度统计及友盟的U-web（原来的CNZZ统计代码）。
Microsoft Clarity 是一款免费的网站用户分析工具，提供以下功能：
- 热图分析（Heatmaps）
- 会话回放（Session Recordings）
- 点击与滚动跟踪（Click & Scroll Tracking）
- JavaScript 性能检测
- 隐私保护（自动模糊敏感信息）
这玩意跟 Google Analytics 刚好可以互补！目前让我感觉很亮眼的就是录像功能，你可以看到真实的用户是怎么在你的网站上浏览的。而且还可以选择集成 GA ，直接在 Clarity 的后台看到 GA 的一些数据。
接入 Clarity 的前提条件
你需要：
- 一个已上线的网站（静态站或动态站均可）
- 能够访问和修改网站的 <head> 段落（例如使用 HTML、Vue、React、WordPress 等）
- 一个 Microsoft 账户（Outlook、Hotmail 、Gmail均可）
第一步：注册 Clarity 并创建项目
1.访问 https://clarity.microsoft.com/
2.用 Microsoft 账户登录
3.点击 左侧的 “新建项目”
4.填写以下信息：
- 名称：你的网站名称（可自定义）
- 网站 URL：你网站的完整 URL（例如 https://www.example.com）
- 网站行业：你网站服务的行业
5. 创建完成后，Clarity 跳转到安装界面，可以选择安装方式，这里演示手动安装。
6. 点击获取跟踪代码，会提供如下一段 js的集成代码：
第二步：将 Clarity 代码嵌入你的网站
将以上代码粘贴至你网站的 <head> 标签内，建议放在 <meta> 标签之后，</head> 之前。 如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>我的网站</title>
<!-- Microsoft Clarity -->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="<https://www.clarity.ms/tag/YOUR_PROJECT_ID>";
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "YOUR_PROJECT_ID");
</script>
</head>
<body>
<h1>Hello, world!</h1>
</body>
</html>第三步：验证是否接入成功
回到 Clarity 项目后台
等待几分钟后刷新界面
若出现“记录会话中”，说明接入成功
浏览你的网站，几分钟后你就能看到点击热图与会话数据。
实际效果演示：Clarity 接入后能看到什么？
Clarity 成功接入网站后，在后台可以查看到访客数量、用户在网站上的完整访问路径、用户的实时行为等各种信息。（还是会有延迟的，不是直播）
微软 Clarity 是一款优秀的用户行为分析工具。点击热力图和用户行为录像的功能，能让我更精准的去优化页面，它跟 Google Analytics 可以形成很好的互补。
我觉得对于大多数站长来说，同时安装 Clarity 和 GA 是现阶段最优解了。Clarity 专注于用户行为和体验，GA 则提供更深入的流量和市场分析。两者并不会冲突，也不会影响网站性能。
你觉得文章内容怎么样
人参与，0 条评论