在优化 Shopify 商店时，了解访客如何与您的页面互动至关重要。
Hotjar 或 Microsoft Clarity 等热图工具可以帮助您可视化用户点击、滚动和移动的位置，以便您可以做出数据驱动的决策来提高转化率。
本文将指导您如何 集成热图跟踪 结合您的 Shopify 商店和 GemPages 构建的页面。
在开始之前
设置之前，请确保您已具备以下条件：
- 在热图工具（例如 Hotjar、Microsoft Clarity）上拥有有效帐户。
- 访问您的 Shopify 管理员 （在线商店 > 主题 > 编辑代码）。
- 访问您的 GemPages 编辑器 or 即时着陆页 (ILP) 设置。
重要说明
- 结账页面是 未追踪 由于 Shopify 内置的安全限制。
- 始终遵守 隐私法（GDPR/CCPA） 请确保访客同意后再进行跟踪。
- 添加跟踪脚本后，发布您的更改。
隐私和合规性
在跟踪用户会话时，请确保遵守隐私法律：
- 显示一个 Cookie 同意横幅 在为 GDPR 区域的用户启用跟踪脚本之前。
- 避免记录敏感数据，因为大多数热图工具都允许您这样做。 掩码表单输入 或排除字段。
- Shopify 的结账和帐户页面是 默认排除 出于隐私保护目的，禁止跟踪。
如何整合常用的热图工具？
GemPages 支持所有主流的热图工具，可通过跟踪脚本添加。以下是 Shopify 商店最常用的两种集成方式：
Hotjar
Hotjar 通过点击、移动和滚动热图，帮助可视化访客如何与您 Shopify 和 GemPages 构建的页面进行互动。
您可以通过以下方式安装：
- 将 Hotjar 跟踪代码添加到您的 Shopify 主题中。
- 将脚本添加到 液体元素 （如果您使用的是 v6 版本） 自定义代码 元素 （适用于 v7 用户）在您要跟踪的页面上。
点击此处查看完整指南： 如何将 Hotjar 与您的 Shopify 商店集成.
微软清晰度
Microsoft Clarity 是一款免费的热图和会话录制工具，可帮助您了解用户在您商店中的行为。
您可以通过以下方式集成它：
- 将 Microsoft Clarity 跟踪代码添加到您的 Shopify 主题中。
- 将跟踪脚本直接粘贴到您的主题或 GemPages 页面中。
请按照以下详细步骤进行设置： 如何将 Microsoft Clarity 与 Shopify 集成.
如何验证您的集成？
添加跟踪代码后，请按照以下步骤验证集成是否成功：
第三步： 打开您的 Shopify 线上商店。
第三步： 右键单击并选择 查看页面源代码 请确认您的追踪码在附近可见 <head> 标签。
第三步： 请访问您的热力图工具控制面板。请注意，首批数据可能需要几分钟才会显示。
大多数平台都会显示类似这样的状态：“跟踪活动“或”证书设立的区域办事处外，我们在美国也开设了办事处，以便我们为当地客户提供更多的支持。“
提示： 您可以自行访问该页面，或与他人分享链接，以生成最初几次会话。
热图集成故障排除
| 问题 | 可能的原因 | 怎么修 |
| 脚本无法运行 | 代码放置位置错误 | 务必在之前完成。 ，在 theme.liquid |
| 没有数据显示 | 广告拦截器或未经验证的域名 | 禁用广告拦截器并验证您的网站域名 |
| 未追踪结账信息。 | Shopify限制 | 由于安全规则，结账跟踪功能不可用。 |
| GemPages页面未记录 | 脚本添加到了错误的页面 | 通过 Liquid 元素（适用于 GemPages v6）或自定义代码元素（适用于 GemPages v7）添加脚本。 |
| 验证延迟 | 脚本注册需要时间 | 请等待最多 10 分钟或重新加载仪表板 |
谢谢您的意见