GTM上安装免费的网站热力图工具Microsoft Clarity

Google Tag Manager Haran 8年前 (2016-11-24) 8267次浏览 0个评论
文章目录[隐藏]

更新时间:2025年3月14号

Microsoft Clarity 是一款由微软开发的完全免费且开源的热力图分析工具,旨在帮助网站所有者了解用户如何与他们的网站互动,适用于网站优化,主要功能包括:

  • 会话录制:捕捉用户鼠标移动、点击和滚动,生成回放视频。
  • 热力图:提供点击、滚动和区域热图,展示用户互动热点。
  • 洞察仪表板:分析会话时长、跳出率等,突出“愤怒点击”等异常行为

Step 1:创建Clarity项目

Microsoft Clarity里点击「+新建项目」,然后做如下设置:

然后点击「添加新项目」。

Step 2:GTM上安装Clarity

Microsoft Clarity打开刚创建的项目,复制项目ID:

GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置…」——「在社区模板库中发现更多代码类型」,搜索“Clarity”,将其安装:

 

命名为“Microsoft Clarity”,做如下设置:

最后将其发布。

Step 3:预览测试

最后在GTM里预览测试:

Step 4:Clarity与GA4关联

Microsoft Clarity打开刚创建的项目,点击「安装」,然后找到Google Analytics 集成:

点击「开始设置」,登录GA4账号后会提示你授权,最后选择要关联的媒体资源:

这样就完成了关联:


如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~
喜欢 (3)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址