HotJar + Convert：完整漏斗优化的分步指南。
已发表: 2020-05-18
由 HotJar 和 Convert 主演的 CRO 电影
可以肯定的是：这不是新的复仇者联盟。
而且我们不会假装它很有趣。
但是……HotJar“电影”（可能）更重要。
为什么？
因为使用这个漂亮的工具，您可以直接了解访问者如何与您的网站互动、他们放弃购物车的原因、阻止他们提交表单的原因以及导致他们点击后退按钮的页面或网站部分。
当您将转换体验添加到组合中时，您可以将来自漏斗所有阶段的 HotJar 见解转换为测试变体。
可以消除 UI 混乱、减少流量挫败感并让您明确了解潜在客户真正想要什么的变体。
将转换体验与 Hotjar 集成
将 Hotjar 与 Convert Experiences 集成后，您可以在您的 Convert Experiences 帐户中启用所有 Hotjar 功能。
设置集成：
整合两个平台：
- 将转换体验跟踪代码添加到您的网站
- 将 Hotjar 跟踪代码添加到您的网站
- 在您的体验摘要屏幕中启用 Hotjar 集成（在设置部分下）
（有关更多详细信息，请在此处阅读完整的分步说明）。
验证集成
安装完成后，通过安装 Convert Chrome 调试器来验证设置：
使用什么数据？
启用集成后，您的 Hotjar 帐户中的每个记录都将被标记为：“转换：AAA – BBB”，其中：
- AAA – 实验名称限制为前 20 个字符或在您的 Convert 帐户中找到的实验 ID，具体取决于您是否启用了数据匿名化；
- BBB – 变体名称限制为前 20 个字符或在您的转换帐户中找到的变体 ID，具体取决于您是否启用了数据匿名化；
在您的 Hotjar 帐户中，您可以根据特定实验 - 变体对过滤记录，以分析访问者在提供特定变体时的行为：
下一步是什么？
启动并运行使用 Hotjar 进行转换后，下一步是什么？
现在，我们将向您展示即使是转换体验的基本知识也可以帮助您改进登录页面、表单字段、CTA、响应式设计等等。 你可以看到：
- 您的网站获得了多少访问者
- 您的访问者会逗留多长时间
- 他们来自哪个州（或国家）
- 您的访问者使用哪些设备（移动设备、台式机、平板电脑）
- 他们从哪个广告系列进入您的商店
- 如果您的产品图片确实很吸引人。
- 如果商店激发了访客的行动。
- 如果产品在页面上的定位让客户感到尴尬。
- 如果他们必须向下滚动太远才能找到产品。
- 你是否作为一个有效的、明确的价值主张和 CTA？
信息量可能会让人感到不知所措，我们建议一开始不要深入研究。 专注于对您真正重要的关键指标。
即使是简单的分析也可以提示可能对您的商店产生巨大影响的更改。
[PS：关于那个说明，请查看我们的小数据网络研讨会。 我们涵盖了寻找和使用“小东西”产生重大影响的过程]
<<嵌入代码>>
将 Convert Experiences 与 Hotjar 集成的目的是尽可能深入地了解用户行为。 您跟踪的越多，您就越能了解访问者如何与您的网站互动。
通过访客记录防止购物车被遗弃
您可以通过使用 Hotjar 访客记录优化结帐流程来防止在线购物车被遗弃。
访问者记录是简短的记录，可让您查看访问者在您的网站上所做的事情。 如果您观看和分析其中许多录音，您将开始发现模式。 您将能够在结帐过程中识别危险信号。 你会更好地理解人们为什么放弃他们的购物车。
访客记录可以为您提供大量原始信息。 为了使用这些见解来降低您的购物车放弃率，您应该注意以下几点：
- 人们在您的产品页面上停留了多长时间？
- 人们滚动的速度有多快？ 他们是否浏览或专心阅读？
- 访客是否被某事分心？
- 什么吸引了访问者的注意力？ 他们最感兴趣的是什么？
- 是什么让他们远离购物车？
- 还有什么可能会损害您的转化率？
在查看和分析访客记录时，这些都是很好的问题。 他们将尽可能帮助您防止在线购物车被遗弃。
Shopify 商店上的示例
假设您有一家 Shopify 商店，并且您想要更改结帐页面。 您可以按照此处的说明在 Shopify 的结帐页面上安装 Convert 跟踪代码，然后在 Convert 中创建 A/B 体验。 该变体在结帐页面上带有额外的横幅，带有信任符号和免费送货（嘿！专家说他们有效）。
过了一会儿，您在转换报告中注意到原始版本正在获胜，并且额外的横幅并没有带来更多的购买。
您想知道为什么访问者更喜欢使用 Convert 设计的原始版本和变体版本。
为此，您在变体的结帐页面上使用 HotJar 访问者记录，并注意到访问者放弃了购物车，因为他们实际上被这些横幅分散了注意力。
您移除横幅并调整转换 A/B 体验以鼓励更多结帐。 并且您会了解到，如果您希望您的观众在未来采取行动——优先考虑减少干扰，而不是增加信任助推器。
了解访客离开的原因
通过客户调查和民意调查
另一个有用的 Hotjar 功能是反馈工具，您将在左侧看到它。
通过调查和民意调查，您可以在您的网站上插入客户反馈请求。 当即使是可用性测试也不能说明访问者的阻力时，这会派上用场。
您可以在最大客流量时使用这些功能，并找出访客离开而不采取进一步行动的原因。 通过的评论将支持您在转换体验中收集的定量数据。 以下是如何在 Convert A/B 体验或个性化中启用投票。
带漏斗
HotJar 提供了一个很棒的功能，称为漏斗。 因此，您可以简单地使用 HotJar 漏斗，而不是使用调查和民意调查，来明确地发现发生显着下降的页面！
使用热图进行设备测试
您的网站页面在不同尺寸的设备和屏幕上看起来非常不同。
随着超大屏幕、上网本、平板电脑和手机的普及； 确保跨小工具的最佳体验是一项挑战。
桌面上首屏的重要内容最终可能会远远低于手机的首屏。 同样，您的页面内容在非常大的屏幕上可能看起来很稀疏且难以阅读。
Hotjar 热图报告将轻松揭示浏览器和设备之间的这些差异以及访问者如何与您的内容进行交互。 引入响应式设计，以便您可以调整页面以适应屏幕和浏览器规格。 使用您在 Hotjar 热图中的发现来调整这种响应式设计。
即使有许多变量定义您的页面体验，关键内容的更高参与度和优先级突然变得可能。
使用新的热图报告跟进您的更改，以查看调整的影响。
完成后，将这些发现交给 Convert 个性化，不同的受众将根据他们的设备和浏览器偏好获得不同的设计。 在此处了解如何在转换个性化设置上启用热图。
提示：HotJar 还提供 7 个额外的热图测试。
改善您的目标网页
登陆页面优化 (LPO) 是任何 CRO 驱动器的关键部分。
Convert Experiences/HotJar 集成在这里创造了奇迹。
使用 Hotjar，您可以通过点击、点击和滚动行为的可视化表示（地图）了解用户想要什么、他们关心什么以及他们如何与您的网站互动。 你看到什么让人们感到困惑，你可以消除这些障碍。
假设您有一个登录页面，并且您想要优化它。 您在着陆页上安装 Convert 跟踪代码并创建您的 Convert A/B 体验。 您所做的更改是页脚中的额外社交按钮。
一段时间后，您的转换报告显示原始版本正在获胜，并且额外的社交图标不会带来更多购买。
您想知道为什么访问者更喜欢原始版本而不是您使用 Convert 设计的变体版本。 为此，您使用 HotJar 并注意到访问者不会滚动到您的登录页面的页脚。
您将社交图标移动到标题并调整转换 A/B 体验，以对转换产生明显的积极影响。 来自重要人物的见解。
想象一下，您已经构建了一个转换多页体验，您需要快速了解您的假设的有效性。 Hotjar Recruiters 小部件可以快速轻松地获得合格流量的同意，并注册用户进行用户研究。
您现在可以对您的目标客户群的成员进行描述，并提供礼物以换取他们的服务。
您还可以创建转换拆分 URL 测试以找出转换效果更好的方法：招聘人员功能或调查功能。
只需将此 Hotjar 功能添加到您的转换体验中，您就会开始收集反馈
检测 UI 混淆点：
正如检查表所说：
“Rage Clicks 识别出用户感到沮丧的时刻，这通常是由于在区域内过度点击而没有触发任何 UI 更改造成的。 用户愤怒的常见点包括点击死链接（看起来像链接但不是链接的文本），点击希望放大它们的图像（不成功）和其他 UI 混乱点。”
在您的 Hotjar 仪表板中，转到会话记录。 按您要调查的页面的 URL 过滤。 然后应用愤怒点击过滤器。 您已经准备好观看和分析愤怒地点击您网站上任何页面的客户的记录。 分析录音应该为您指明正确的方向，以修复让访问者感到沮丧的 UI 元素。
让您的表单提交飙升
在设计和试验表单时，您可以对访问者如何与表单字段进行交互有更多的了解。 通过 HotJar 和 Convert Experiences，您可以了解保持空白的字段、看到数据重新输入的字段，简而言之，了解影响表单转换率的字段。
首先使用转换多变量体验来设计具有多个调整或元素更改的表单。
完成后，使用 Hotjar 访问者记录来消除阻碍您访问的表单字段或表单元素。
最后将 A/B 测试应用于保留的字段，并将您的表单缩小到对访问者真正重要的内容。
隐私问题，尤其是 GDPR？
到目前为止，我们已经看到，通过一段简单的代码，Hotjar 记录了您网站访问者的用户会话。 您实际上可以看到他们滚动，在屏幕上移动光标，然后根据他们使用的设备单击或点击。
但是用户的隐私呢？
关于数据隐私的新法律 GDPR 使记录用户会话有点令人毛骨悚然。 这可以被视为侵犯隐私吗？ 不，因为 Hotjar 不会收集有关个人用户的个人身份信息，例如 IP 地址。 相反，他们分配一个唯一的用户 ID 号来区分会话记录。 此外，Hotjar 会自动检测密码和信用卡号等敏感信息的输入字段，并且不会记录击键。 您还可以选择手动屏蔽 Hotjar 设置中的某些输入字段和文本。
Convert 真正关心您的隐私和流量的隐私。 如果您希望引导访问者找到您提供的最佳解决方案，而不会让他们在此过程中感到沮丧，那么转化率优化是必不可少的。
这就是为什么我们与像 HotJar 这样的工具深度集成的原因，它可以在不侵犯用户权利的情况下绘制价值一百万次点击的 CRO 图片。
如果您希望看到这种合作伙伴关系的实际效果，只需注册免费试用 Convert Experiences。