会话回放允许您以可视化方式捕获和回放用户在您网站的浏览体验。结合SLS RUM中接入的错误数据,您可以快速识别、重现和解决问题;结合性能数据,您可以洞察网站使用模式和设计缺陷。

步骤一:开启会话回放

注意 目前,您要使用会话回放功能,需提工单申请。
您可以在配置数据接入时,打开会话回放开关,开启会话回放功能。开启会话回放

采样率

SLS RUM提供会话回放采样率设置,用于控制会话录制的数据量,减少数据的量级。采样率默认为1,表示全量采集。

隐私选项

录制用户行为数据,可能存在敏感信息,您可以进行隐私设置。

  • 所有的用户输入都屏蔽:用户输入的内容将被屏蔽,只展示页面默认存在的内容。会话回放
  • 所有文字都可见:展示所有内容,包括页面默认存在的内容和用户输入的内容。会话回放
  • 所有的文字都屏蔽:屏蔽页面上所有的文字。会话回放
您也可以通过如下方式自定义设置屏蔽区域。
  • 方式一
    <div data-sls-block>
      这里的内容将被屏蔽。
    </div>
  • 方式二
    <div class="sls-block">
      这里的内容将被屏蔽。
    </div>

其他自定义设置

默认情况下,RUM SDK从会话产生就开始监听,如果开始监听后网页产生了错误便会进行数据上报。您也可以通过调用对应的API,自定义设置开始监听的时机。

例如,您使用会话回放功能时,强烈建议您告知您的用户在当前网页上会录制用户的行为数据,即您可以在页面上添加如下脚本,当用户同意录制时再进行会话监听。

if (user.isAuthenticated) { // 用户同意时才进行会话监听。
  SLS_RUM.startSessionReplay();
}

步骤二:查看会话回放

  1. 登录日志服务控制台
  2. 日志应用区域,单击SLS RUM
  3. 在RUM实例列表中,单击目标实例。
  4. 在左侧导航栏中,选择诊断分析 > 会话跟踪
  5. 会话跟踪图表中,单击目标会话对应的查看会话,然后在弹出框中单击查看会话
  6. 基本信息区域,单击会话回放对应的前往查看
  7. 播放会话。
    说明 会话回放是SLS RUM中用于问题定位的辅助手段,您需要结合错误日志中的各方面信息对问题进行综合的分析。
    • 您可以打开跳过无交互阶段开关,跳过页面的无交互阶段。
    • 您可以设置回放速率。
    • 您可以在用户行为回溯列表中,单击错误时间,快速定位播放的位置。
    • 您可以在用户行为回溯列表中,单击查看详情,查看错误详情。
    播放回放

使用限制

会话回放功能基于DOM的快照录制技术,用于录制网页中用户的各类操作。存在如下情况时,会话回放将存在内容样式异常、不完整或无法回放等问题。

限制项 说明
特殊标签或技术
  • Frame、Shadow DOM、Canvas、WebGL、Web Component等HTML元素相关的内容在回放时不可见。
  • Adobe Flash Player、Active X、PDF浏览器等特殊插件相关的内容在回放时不可见。
  • <audio>、<video>等媒体元素相关的内容在回放时不可见。
图片或字体资源
  • 图片或字体资源的地址在回放阶段不可用,不能通过地址直接加载获取到。
  • 图片或字体资源的地址受到保护,在回放阶段不可访问,例如内网才可能访问的资源、需要访问鉴权的资源等。
  • 由于浏览器的跨域机制(CORS),图片或字体资源在回放阶段无法获取到。
CSS样式 与获取图片或字体资源不同,RUM SDK是尝试通过CSSStyleSheet接口方式获取页面的CSS样式数据。如果当前录制的浏览器不支持该能力,则只会记录CSS文件链接。如果CSS文件链接受到保护,在回放阶段不可访问,则该资源相关的样式会存在异常。
其他限制
  • 用户异常关闭某一会话,会话回放时将不完整。
  • 由于用户浏览器版本导致的录制接口不可用。
  • 当前Web应用存在非常频繁的DOM变化、初始化的DOM异常巨大。