会话回放
完整指南

想象一下，在用户浏览您的网站时坐在他们身旁。那会很棒，不是吗？您可以亲身体验他们遇到的各种问题，并看到他们无法理解、感到沮丧的应用部分。

现在再想象一下，当这些问题出现时，您可以把他们移到一旁，打开他们浏览器的开发者工具，弄清楚到底哪里出了错。这难道不令人惊叹吗？

这正是会话回放发挥作用的地方。它让您能够观察用户如何浏览您的 Web 应用，并看到幕后发生的一切，从而在出现任何问题时轻松复现当时的情形。

会话回放工具可以服务于同一家公司内的许多不同领域，这让选择合适的方案变得更加困难。

• 想看看用户如何与全新的设计更新互动？会话回放为您搞定！
• 正在弄清楚应用为何不断崩溃？会话回放可以回答这个问题。
• 好奇用户对新发布功能的反应？您猜对了，会话回放同样可以帮上忙！

让我们看看会话回放工具大显身手、无人能及的一些最常见用例。

会话回放技术非常多用途，以至于它能为组织内的不同团队带来价值。这也是市场上有如此之多会话回放替代方案的原因之一。它们各自聚焦于不同的用户画像和用例。几乎没有哪一款工具能将它们全部囊括在一起。因此，在挑选会话回放工具时，务必牢记您的内部用户及其主要用例。

让我们揭示一下捕获和回放会话录制时幕后发生的事情。某些部分可能比较技术性，但别担心；一切终将变得清晰明了。

会话回放内部究竟捕获了什么？

所收集的数据可能因会话回放工具而异。请记住，这些工具可能针对组织内不同的用户画像，因此处理某些用例而非其他用例。话虽如此，最好的工具应当能够捕获以下要素：

• 用户行为： 我们说的是点击、鼠标移动、滚动、犹豫等等。用户是否滚动略过了重要的消息？还是说他们或许正在愤怒地点击某些按钮？这些数据对于揭示关键的挫败感非常宝贵。
• DOM 变更： 当您访问一个网站时，您的浏览器会下载并随后组装各种元素，比如图片、文本和视频，然后才渲染每一个页面。文档对象模型（DOM）充当这些元素与您的浏览器之间的翻译器，使网页得以组装和渲染。会话回放工具检测到这些元素中任何一个被更新的时刻，并将这些变更（mutations）作为回放的一部分捕获下来。DOM 变更是会话录制的基本要素。它们是构成回放的帧。
• 开发者工具这些是浏览器提供的工具，帮助开发者在其本地测试环境中复现各种各样的问题。诸如网络请求和负载、JavaScript 错误、日志，以及 Web 应用的状态等等。某些回放工具确实会为每一个用户会话捕获这些技术数据，让开发者的调试变得轻而易举。
• Web vitals：监控您的 Web 应用的加载时间，不仅是页面，还包括其各种资源，可以为了解用户如何体验您的网站提供宝贵的洞察。此外，诸如内存和 CPU 利用率之类的指标可用于跟踪崩溃并修复应用中的卡顿。这使得会话回放工具成为您可观测性技术栈中的关键一环。
• 挫败感：愤怒点击（Click rages）、过度滚动或死点击都是会话回放平台能够检测到的用户挫败感的例子。识别它们是为您的用户提供更好的产品体验的第一步。
• 自定义事件： 这涵盖了您应用中可能需要随每一个录制会话一起记录的下游或上游事件。跟踪自定义事件意味着您可以将这些数据片段与您的回放同步，从而获得丰富得多的上下文。
• 元数据：关于某次特定录制的附加信息。诸如用户 ID（userIDs）、分群、浏览器版本、国家等等。元数据用于筛选回放并聚合数据。
• 资源（Assets）：缓存某些资源，比如图片、字体或样式表，是任何会话回放平台的关键环节。想象一下，您为您的新网站录制了一次会话，几个月后，您决定为它换上焕然一新的外观。此时，如果资源没有被缓存，旧的录制就会直接损坏，因为它无法引用其先前的样式表和字体。这就是为什么资源缓存如此重要：它确保您的回放无论经过多长时间，都忠实于其原始形态。

这些工具不会录制视频（那会非常占用带宽），而是捕获事件数据，之后这些数据可以被重建成视觉化的回放。

数据处理

数据一旦被收集，便会经过若干处理步骤：

• 压缩以减小数据大小
• 移除敏感信息（基于您的隐私设置）
• 建立索引以便搜索
• 与其他指标和事件相关联

这一处理确保数据被高效存储，并能在需要时被快速检索。

回放重建

当您查看会话回放时，工具会重建用户的体验：

• 按用户所见的样子重建 DOM
• 按顺序回放用户交互
• 为光标移动制作动画
• 显示表单输入及其变化
• 在视觉回放旁边显示技术数据

这种重建提供了对用户所经历内容高度准确的再现，让您能够透过用户的眼睛看您的应用。

与其他工具的集成

大多数会话回放工具都可以与您技术栈中的其他系统集成：

• 像 Sentry 这样的错误跟踪工具
• 像 Google Analytics 这样的分析平台
• 像 Intercom 或 Zendesk 这样的客户支持系统
• 像 Salesforce 这样的 CRM 解决方案

这些集成通过将用户行为与其他业务指标和工作流程连接起来，提升了会话回放的价值。

大多数会话回放工具允许开发者控制哪些内容被记录、哪些内容被净化（sanitized）。被净化的元素不会被发送到服务器。事实上，它们绝不会离开您用户的浏览器。相反，它们要么被遮蔽（即文本被替换为星号、图片被替换为占位符），要么不被跟踪（数据被直接忽略）。

例如，假设您网站中的用户个人资料页面包含必须被净化的个人信息，比如地址和电话号码。开发团队可以向跟踪器（tracker）将这些字段标记为"已遮蔽"。这样，每当用户访问个人资料页面时，跟踪器就会通过将这些字段的内容替换为星号来净化它们。其结果是一个被妥善净化的回放，它仍然完整地捕获了用户旅程，而不会泄露任何个人可识别信息（PII）。

合规

如果您拥有 PII 数据，就总是有内部隐私政策需要遵循，以及外部法规需要遵守。

内部强制实施的政策可以涵盖从围绕基础设施的安全限制，一直到您可以安装的软件。在国际法规方面，最重要的有三项：

在外部合规方面，最重要的有三项：

• GDPR 在收集欧盟公民数据时适用。GDPR 还允许用户要求您从您的数据库中删除他们的数据。这当然也涵盖会话回放数据。
• HIPPA 这一项专门针对与医疗保健相关的数据。如果您正在收集您用户的此类信息，那么您很可能已经在遵守它了。
• CCPA 类似于 GDPR，但针对的是美国加利福尼亚州的居民。

如果您不属于医疗保健行业，并且您的网站可在全球范围访问，那么您很可能必须遵守 GDPR 和 CCPA。把会话回放工具加入其中，看起来似乎是又一道需要跨越的关卡。然而，这些工具通过净化和其他细粒度的控制解决了数据隐私方面的顾虑。开发者可以告诉跟踪器哪些数据要跟踪、哪些要忽略。这样一来，PII 就被安全地保留在您用户的浏览器中，不会被传输到服务器。

因此，审视并理解会话回放工具如何处理个人数据始终非常重要，这样您才能遵守现行的法规。

数据所有权与安全

即便数据被净化，它归谁所有？您又如何确保它被安全地处理和存储？这可能会让许多合规和安全团队头疼。

虽然大多数工具以 SaaS 应用的形式出现，但某些会话回放解决方案允许您在自己的场所自托管其整个平台。这意味着您拥有数据，数据也驻留在您的服务器上，从而遵守您的内部安全和隐私政策。

这是关键的一点。在决定选择哪个会话回放平台时，请确保您充分了解其中的细节。

理解会话回放的定价模式有助于您做出明智的决策并避免意外的成本。让我们探讨常见的定价结构和考量因素。

常见的定价模式

会话回放工具通常采用以下定价模式之一：

需要考虑的隐性成本

除了基础定价之外，请留意这些潜在的额外成本：

• 存储时长： 更长的保留期通常成本更高
• 高级功能： 某些工具会对热力图或错误跟踪等功能收取额外费用
• 集成成本： 与您技术栈中的其他工具连接可能会产生费用
• 实施支持： 搭建期间的技术协助可能是一项额外成本
• 自定义数据保留： 特殊的合规要求可能会影响定价

在您的评估过程中，请务必询问这些潜在成本。

市场上有众多会话回放工具，为您的需求选择合适的一款可能颇具挑战。以下是您在评估过程中应当考虑的内容。

基本功能

实施的便捷性

无论您的技术栈如何，会话回放跟踪器的入门都不应需要超过几行代码。一旦基本设置完成，您就应当关注扩展其能力有多容易。工具提供的灵活性越高，它就越有可能契合您的用例。

理想的跟踪器应当以最少的代码即可轻松搭建，但同时它应当为您提供所需的全部选项，以便您按自己认为合适的方式自定义它。这包括捕获自定义事件、净化数据、向会话添加额外信息等等。所有这些都应当在尽量减小性能影响的前提下完成。

强大的开发者工具

要为您的前端开发者发挥会话回放的威力，重要的是提供一个与他们已经日常熟知和使用的环境高度相似的环境。事实上，每一款主流浏览器都自带某种形式的开发者工具，这是一套技术工具，帮助开发者在其日常工作中复现和调试各种各样的问题。

理想的会话回放工具应当能够捕获那些技术线索，并为开发者提供熟悉的调试体验。毕竟，会话回放尤为有效的领域之一就是缩短识别和修复缺陷所需的时间。

自托管

正如在数据隐私部分所讨论的，合规和安全政策可能不会给您留下选择的余地：是自行托管会话回放平台，还是将其作为云服务使用。

幸运的是，某些会话回放解决方案提供了自托管选项，让您能够在自己的服务器上安装并运营其整个平台。这带来了两大主要好处：

• 对数据的完全控制 ，这些数据由您的用户生成。会话回放数据直接进入您的服务器，在那里被处理和存储。
• 对内部政策和法规的合规以这种方式变得容易得多。不再有时间浪费在冗长的合规和安全检查上。

归根结底，自托管往往是企业级公司所选择的解决方案，因为它提供了对其数据的完全控制。如果数据所有权和安全是您公司重要的关切，那么在评估您的选项时，请务必优先考虑这一标准。

可扩展性

开发者乐于在其会话回放工具之上进行调整、增强并构建自定义功能。开放核心（open-core）或基于插件的架构使一款解决方案在设计上就具备可扩展性，并能面向内部用户需求面向未来。

如果您优先考虑可扩展性和自定义，那么在评估替代方案时，不妨考虑探索开源的会话回放解决方案。

搜索能力

每天捕获数百万次会话，会让找到相关的回放感觉像大海捞针。理想的会话回放工具应当提供一个强大且多用途的搜索引擎。这就要求能够按几乎任何被捕获的数据片段进行筛选，比如某个用户操作、某个特定的会话属性或某个技术事件。

这样的筛选能力对于选择合适的工具变得至关重要。

分析

认为凭借会话回放工具所捕获的全部数据就能创建各种可视化，以跟踪和理解 Web 应用的不同方面，这并不牵强。

例如，您可以创建一个仪表板来监控您网站的性能，包括加载时间、最慢的资源以及其他 web vitals 指标。您还可以在出现问题时接收警报，并使用会话回放来识别根本原因。这缩短了解决潜在关键问题的时间。

因此，在选择会话回放工具时，请优先考虑聚合数据并为对您重要的指标创建可视化的能力。

定价的可扩展性

正如前一部分所提到的，会话回放解决方案有两种主要的定价模式。在选择一种模式时，重要的是根据您的网站流量和用例考虑它的可扩展性。

如果您的网站每月产生数百万次会话，请考虑基于价值的定价模式。然而，如果您流量较低，最便宜的替代方案是使用提供基于用量定价的会话回放解决方案。更好的是，寻找您可以自行托管的开源替代方案以降低成本。

集成

与第三方工具集成的能力通常是强大会话回放解决方案的标志。事实上，会话回放只向您展示了故事的一面：您的前端。如果您在复现缺陷时需要完整的上下文，从而需要后端日志呢？这正是与您技术栈中其他工具集成可能非常有帮助的地方。

另一种有趣的集成类型是与工单系统集成，比如 JIRA。通过在审查某个特定回放时创建一张包含所有必要细节的工单，您可以显著改善您 QA 团队的工作流程。

因此，在挑选您的会话回放工具时，请务必关注可用的集成。

功能的广度

虽然确保您所选的解决方案具备您主要用例所需的正确功能集至关重要，但实际上建议留意该工具可能拥有的所有功能。

如前所述，会话回放工具可以使组织内多种角色和团队受益。尽管它们可能主要针对少数几个用例，但请考虑那种提供其他团队成员未来可能受益的互补功能的工具。

社区

最后，在决定选择哪个会话回放解决方案时，我们认为考虑它的社区很重要。一个活跃的社区——用户（在开源产品的情况下则是开发者）在其中积极参与并为平台做出贡献——是一款成功且健康产品的标志。

结论

对于专注于交付卓越数字体验的组织而言，会话回放工具已变得不可或缺。通过同时提供视觉上下文和技术数据，它们提供了其他分析工具根本无法匹敌的独特洞察。

无论您是试图修复难以捉摸的缺陷的开发者，是寻求改进用户流程的产品经理，还是帮助困惑客户的支持团队成员，会话回放都能改变您理解和优化 Web 应用的方式。

在为您的组织评估各种选项时，请记得在功能与隐私考量之间取得平衡，并选择一款契合您具体需求和资源的解决方案。