首页 » AI出海 » 出海工具分享：用 Clarity 监控用户的真实行为

出海工具分享：用 Clarity 监控用户的真实行为

2025年10月29日 114点热度 0人点赞 0条评论

推荐一个工具 Clarity 。它有一个非常强的功能，可以录制用户的操作轨迹。

先介绍一下 Clarity 是什么？这是微软的一款免费的用户行为分析工具，主要是帮助站长了解用户在他们网站上的行为，产生了什么互动。这对于开发者来讲是很重要的，有助于优化用户体验。

https://clarity.microsoft.com/

首先访问这个官网，创建一个项目，输入自己的网站名称以及 URL。网站行业如果没有符合的就选其他，这个没关系。

选择在第三方平台上安装。

这里好几种第三方平台，我这里分享一下 WordPress 和 Google Tag Manager，这两个应该是用的最多的，最常见的。

我自己的博客其实就是用的 WordPress，就以 ipengtao.com 为例。

WordPress

官方有一个非常详细的安装文档可以看看。

https://clarity.microsoft.com/projects/view/tx8grlgx3f/gettingstarted/thirdParty/wordPress

首先要去 WordPress 的后台，在插件菜单搜索 Microsoft Clarity ，点击安装，然后去启用插件。

在菜单栏里面就可以看到 Clarity 这个菜单，打开之后登录，就可以选择刚才建的项目，也可以新建一个项目。

可以看到项目已经集成，可以看到仪表盘。

它的查看录制视频这个功能我觉得还蛮有意思的，很强大，可以看到用户完整的操作轨迹，而且是支持实时的查看。

后面再总结它有哪些数据值得我们分析，先来看另一种安装方式。

Google Tag Manager

Google Tech manager 可以帮助网站的开发者。管理和分析各种标签。

选择第三方平台安装之后，这里就选 Google Tag Manager.，选择立即连接。

这边要登录一下账号，并且完成授权。

要注意一下，如果还没有账号的话，需要先去注册，不然的话找不到你的账户。

注册地址：https://tagmanager.google.com/#/home

Account Name（账号名称） 填一个能代表你项目或品牌的名字。

Country（国家）选 China（中国）或 United States 都可以，不影响使用。

Container Setup（容器设置）容器就是你要安装 GTM 代码的网站或应用。

Container Name（容器名称）注意这里 不能填网址。

Target Platform（目标平台） 选你的使用场景：

如果是网站：选择 Web
如果是 App：选择 iOS / Android
如果是服务器端：选择 Server

服务点击同意。

下面就需要到项目里面加上他提供的代码片段。

我的网站 showcase.fyyd.net 用的是 next.js，部署平台在 Vercel，我就直接让 claude code 去帮我把代码嵌入到网站里面。因为网站已经部署上线了，所以我的习惯是让他先分析，确认了之后再动手。

代码补充完成并且部署完成之后回到 Google Tag manager ，这边有一个测试功能，把你的网站地址填进去，点击右侧的 Test 按钮，如果出现绿色的勾，像图片这样，那说明安装对了。

我们回到 Clarity 这里就可以选择刚刚新建的账户以及容器，点击创建和发布。

看到状态是已连接，需要稍微等待一会，等待数据同步。

我什么时候可以开始在 Clarity 仪表板上查看数据？

Once you finish installing the script on your website, Clarity starts collecting the data. It takes a few hours to view data in the dashboard.

在网站上完成脚本安装后，Clarity 将开始收集数据。在仪表板中查看数据需要几个小时。

同步完成我们就可以看到仪表盘了。

大家可以安装微软 Clariry 等流量进来之后，你就去观察用户怎么使用你的产品，在哪里卡住了，然后针对性的去修复，去调整，去优化。

比如用户进入网站之后。浏览哪些内容？有没有尝试登录，有没有登录成功？有没有用网站上面的一些功能？用了哪些功能？有没有打开订阅页面？停留了多久？有没有点击订阅按钮？