Hotjar

用一段跟踪代码采集访客行为，提供热图、会话回放、漏斗与问卷反馈

核心功能

Hotjar 用一段站点跟踪代码采集访客行为，提供点击滚动热图、会话回放、漏斗流失与问卷反馈，定位页面体验卡点。代码可手动贴进 <head>，也支持 GTM、WordPress、Shopify 等平台安装。现已并入 Contentsquare。

功能亮点

一段跟踪代码

在 Sites 页复制该站点专属跟踪代码，贴进每页 <head> 内即可开始采集

多平台安装指引

官方给出 GTM、WordPress、Shopify 等二十多个平台安装法

定量加定性

同一账号里既能看热图漏斗的流失比例，也能挂问卷问用户为什么离开

免费档额度

免费方案含每月 20 万次会话、1 个项目，回放、热图与漏斗都可用

适用场景

• 看落地页哪些区域真正被点击
• 回放会话定位表单填写卡点
• 分析结算流程的逐步流失率
• 用弹出问卷收集用户离开原因
• 改版前后对比页面滚动深度

安装配置

bash

Hotjar 装的是一段站点跟踪代码，官方提供四类安装方式：
1. 在 https://www.hotjar.com/ 注册账号并添加要监控的 Site
2. 打开 Sites & Organizations 页面（https://insights.hotjar.com/site/list），点该站点的 Install tracking code
3. 任选一种方式安装：
   - 手动：点 Copy 复制跟踪代码，粘贴到每个要统计页面的 <head> 与 </head> 之间；官方建议加进站点模板，保证全站页面都带上
   - Google Tag Manager：可用 Hotjar 官方 GTM 集成一键建标签；也可在 GTM 里新建 Hotjar Tracking Code 标签填入 Site ID；或用 Custom HTML 标签粘贴代码。触发器必须选 All Pages / Page View，选其他类型会导致脚本重复加载或不生效
   - WordPress：按官方 WordPress 安装指引配置
   - 其他平台：官方另有 Shopify、Webflow、Wix、Squarespace、Magento、BigCommerce、HubSpot CMS、Segment 等专门指引
4. Site ID 在 Sites 页面站点 URL 左侧可以看到
5. 装好后回 Sites 页面等几分钟，状态变成 Collecting data 即接入成功

使用方法

bash

验证是否装上：
打开目标页面 → 浏览器 DevTools（Windows 按 Ctrl+Shift+I，Mac 按 Command+Option+I）→ Network 标签 → 刷新页面 → 查找以 hotjar- 开头、后接 Site ID 的脚本请求；同时确认整页只有一份 Hotjar 脚本，出现两份说明重复安装了

日常用法：
热图：选定要分析的页面，看点击、鼠标移动与滚动分布，判断关键内容是否落在折叠线以下
会话回放：逐条回看真实访客的操作过程，定位卡住、反复点击或表单填一半放弃的位置
漏斗：配置关键流程的各个步骤，看每一步掉了多少人
反馈：在页面上挂问卷或反馈组件，收集用户的主观说明

SPA 注意：单页应用用 GTM 安装时，触发器只能用 Page View，GTM 的 state change 类触发器会和 Hotjar 自身的路由变化检测冲突。

关键指标

尚未核验对标产品，此处只列本工具自身指标，不做对比结论。

指标Hotjar

价格免费增值

开源否

上手难度入门

优点

只需贴一段跟踪代码，前端不用逐个事件埋点就能拿到热图和会话回放
官方给了 GTM、WordPress、Shopify、Webflow、Wix 等二十多个平台的具体安装指引
定量的热图漏斗和定性的问卷反馈在同一账号，能同时回答「哪里流失」和「为什么流失」
免费方案就包含每月 20 万次会话以及回放、热图、漏斗，小站基本够用
官方文档给了完整的排查路径，装不上时可自查 GTM 触发器类型和重复脚本

缺点

Hotjar 已并入 Contentsquare，官网套餐切到 Contentsquare 体系，和旧的 Basic / Plus / Business 档位信息容易混淆
Growth 档起步只含每月 7000 次会话，比免费档的 20 万次还少，档位跨度很反直觉
Pro 与 Enterprise 只能联系销售，价格完全不公开
Growth 档的会话回放只保留 2 个月、其余行为数据 13 个月，回溯期偏短
回放会录到页面上的实际内容，涉及个人信息的字段必须自行配置屏蔽才能满足合规要求