You need to enable JavaScript to run this app.
导航
会话回放(SaaS-云原生)
最近更新时间:2024.12.12 17:30:11首次发布时间:2024.10.17 17:27:16

DataFinder为您提供会话回放功能,支持 7 × 24 小时静默录制 Web 界面、用户操作、网络请求、控制台及错误日志等多轨内容,详细记录用户体验数据,用于更为精细的分析用户行为。本文为您介绍会话回放功能的功能注意事项和使用流程。

功能概述

传统的UBA工具可以分析用户在网站上花费大部分时间的位置,但无法解释为什么用户在网站页面的特定部分花费了这么多时间。Session Replay则通过实际的***用户体验数据***,分析得出有意义的结论来解决此问题。

应用场景

【产品】用户体验评价

“埋点”升级为“视频”,直接通过查看用户录屏,结合埋点形成更直观的数据分析报告,全面掌握从“人群”到“会话”、从“聚类数据”到“具象”的全方位洞察。

【运营】转化效果优化

数字化建设结果产出常见为看板或数据报告,但业务侧对冰冷的数据感知不够直观。除录屏外,用户操作链路的断点分析可以直接提供Insight;额外结合AI能力,甚至可以从海量视频信息中快捷提取,降低埋点的投入成本。

【研发】使用问题排查

让多位同事同时观看用户脱敏后的实时界面,更可实时观察网络、控制台和日志。不但可以降低反馈者的操作成本,还可以让研发人员更好的通过视频及附加的信息快速复现用户碰到的问题。

功能介绍

DataFinder的会话回放功能,在数据采集、数据展示与分析、数据存储上有以下能力优势。
Image
其中:

  • 在数据采集阶段,为保障用户的数据隐私和安全,SDK中预置了多种数据脱敏模式,在任何情况下都不会记录用户的敏感数据,例如在端上的密码输入( <input type="password"> ),并内置了对身份证手机号邮箱银行卡IP/MAC 地址车牌号车架号姓名的脱敏规则。
  • 在数据存储时,会话回放功能采集的视频数据最终以低成本的方式落库存储至DataFinder的Finder Session Replay 的服务器中。

整个数据流程的主要流程节点如下所示。

会话回放数据的数据上报触发机制与Web端的数据上报触发机制一致,当缓存达一定体量,或用户有打开、刷新、关闭页面的操作时,会触发数据上报。

使用限制
  • 当前会话回放功能为增值功能,您需单独购买才可使用,详细费用及购买操作请联系DataFinder技术支持人员。
  • 当前仅SaaS-云原生环境支持会话回放功能,SaaS-非云原生环境暂不支持。
  • 当前仅web端支持接入会话回放SDK,即当前仅Web端支持使用会话回放功能。

准备工作:购买与开通
  • 联系DataFinder技术支持人员单独购买并开通会话回放功能。
  • 购买完成后,系统会为您预置会话回放相关预置事件,对应详细事件及属性列表请参见下文参考:会话回放相关预置事件列表。您可以在元数据管理>一般事件中查看对应事件,并在有相关事件数据上报后,可在分析工具中筛选使用对应事件。

准备工作:数据接入
  1. 数据接入。
    在使用会话回放功能前,您需要先集成会话回放的SDK。会话回放仅支持 Web(H5) 环境,接入前请先接入 Web JS SDK,并在 Web JS SDK 初始化所在的位置之后插入下面的代码。Web JS的数据集成SDK详情请参见Web/JS SDK 集成

    <script>
     (function () {
        var e = document.createElement('script');
        (e.src = 'https://lf-dp.bytetos.com/obj/dp-open-internet-cn/replay/0.1/recorder/index.global.js'),
          (e.async = !0),
          (e.crossOrigin = 'anonymous'),
          (e.onload = function () {
            function o() {
              var r = new window.ReplaySdk.MultithreadedRecorder({
                environment: { baseURL: 'https://gator.volces.com' },
                trackers: ['HTML', 'Mouse', 'Network', 'Keyboard', 'Console', 'Error', 'Performance', 'Insight'],
                network: { captureResponseBody: !0 }, // 是否捕获网络响应体
                console: { stringifyOptions: { maxDepth: 2 } }, // Console 对象捕获层级
              });
              r.startRecording({
                mode: 'streaming',
                token: '******',//app key
                tags: ['默认分类'], // 自定义录屏标签
              });
            }
            var n = window[window.LogAnalyticsObject];
            n && n('getConfig') ? o() : window.collectEvent('on', 'ready', o);
          }),
          document.head.appendChild(e);
      })();
    </script>
    

    其中:

    • token:需配置为APP key。SaaS-云原生场景下,您可以在项目中心中查看对应应用的app key信息。
      Image
    • tags:可配置为会话回放录制视频的标签,SDK中配置好标签后,后续集成了此SDK的页面录制的视频均会带有此标签,您后续可使用标签进行过滤查找对应页面的录屏视频。
  2. 接入数据验证。
    通常完成数据接入后,大约几分钟后即可在页面中查看上报的会话回放视频数据。您可以在数据接入完成后,手动打开页面并对页面进行刷新操作,来触发会话回放数据上报,然后登录DataFinder控制台,在分析功能>高级分析>会话回放页面查看上报的数据,以进行数据接入验证。

数据查询与分析

登录DataFinder控制台,在分析功能>高级分析>会话回放页面,您可以:

  • 会话概览页签中查看当前所有会话回放相关的汇总分析看板。
  • 视频列表页签中看到所有录制的视频列表。您可以对已完成上报的视频进行查询分析。

配置筛选与搜索

单击顶部视频列表页签,进入视频列表页面后,您可以在页面顶部配置视频文件的筛选和搜索条件,快速找到待分析的关键视频。
Image

  • 通过时间范围(当前最多支持7天)、用户ID、标签等方式,您可以筛选出待分析的视频。

    说明

    其中标签的筛选值为会话回放数据接入时,在接入SDK中配置的标签参数tags的取值。

  • 通过高级筛选,您可以通过过滤关键事件、用户,来高效快捷地筛选出核心人群和视频片段。例如:
    • 仅筛选发生过“提交反馈”的视频段,并优先分析“转化流失用户”,减少需要抽样查看的视频内容。
    • 通过筛选“愤怒点击”事件来查找有愤怒点击的用户,进一步分析改进产品界面。

视频回放与分析

单击详情,查看回放视频,进行用户行为细化分析。
Image

  • 右上角可以切换模式。
    • 普通模式:为您展示回放录制的页面视频,并在页面右侧展示用户的操作事件。
      • 您可以单击对应操作事件,快速跳转到对应的录制视频帧,查看对应事件的操作录屏。
      • 在视频右下角可单击倍速自动跳过(跳过无效录屏)、热力图等按钮。
    • 开发者模式:在普通模式的基础之上,视频下方您可以单击Console、Network页签,分别查看录制的浏览器Console、网络响应体的详细数据,辅助您判断分析用户行为。其中:
      • Network页签中的网络响应体的数据由数据接入SDK中的配置参数network决定是否采集上报。
      • Console中对象数据层级由数据接入SDK中的配置参数console决定。
  • 关键/异常事件分析:
    Image
    • 当前DataFinder为您提供了“输入”、“愤怒点击”、“过度滚动”、“长时间悬停”等关键/异常事件的视频帧快速提取能力。
    • 您可以在视频下方查看到对应异常事件的发生时间点和时间范围,单击对应图标即可快速跳转至对应的视频录制帧。

查看会话回放概览

单击顶部会话概览页签,可以查看当前所有会话回放分析结果总览。
Image
您可以在顶部时间配置框中选择需要查看会话回放分析结果的时间范围,选择后,即可在页面下方查看以下主要维度的分析概览情况。

  • 查看重点异常数据:会话概览页面为您展示浏览不足3s、触发愤怒点击后退出等异常用户行为数据。
  • 查看用户分析概览:用户概览部分为您展示了用户设备分布、使用深度排行、用户身份信息。
  • 查看指标概览:指标概览为您展示指标排行和基于指标的页面排查,您可切换查看排行的页签。
  • 查看性能概览:性能概览为您展示网络卡顿分析、网络延迟区域分布、Long Task 排行榜。

相关功能:用户细查

开通会话回放后,在用户细查功能中,如果查询的用户ssid触发了页面会话回放,有上报成功的录制视频,则在用户细查的行为流详情中可查看对应的回放视频。
Image

参考:会话回放相关预置事件列表

事件名称

事件展示名

属性名称

属性描述

数据类型

sr_start_recording

会话回放启动录制事件

sr_client_time

客户端时间(ISO 8601)

string

sr_server_time

服务端时间(ISO 8601)

string

sr_mode

录制模式

string

sr_trackers

录屏轨信息

string

sr_tags

业务标签

string

sr_environment

用户录制的上下文信息

string

sr_ref_id

关联的录屏 ID

string

sr_ref_type

关联的方式

string

sr_referrer

打开当前页面的页面的地址

string

sr_url

当前页面的地址

string

sr_insight_rage_click

愤怒点击

sr_insight_rage_click_duration

愤怒点击的持续时间(第一次点击到最后一次点击,单位毫秒)

float

sr_insight_rage_click_clicks

愤怒点击的点击次数

int

sr_insight_rage_click_x

愤怒点击的位置

float

sr_insight_rage_click_y

愤怒点击的位置

float

sr_insight_rage_click_buttons

触发愤怒点击鼠标事件时在鼠标(或其他输入设备)上按下哪些按钮

int

sr_insight_rage_click_targetId

愤怒点击触发的虚拟节点 ID

int

sr_insight_rage_click_time

愤怒点击结束的时间

float

sr_referrer

打开当前页面的页面的地址

string

sr_url

当前页面的地址

string

sr_insight_dead_click

无效点击

sr_insight_dead_click_duration

无效点击的持续时间(毫秒)

float

sr_insight_dead_click_x

无效点击的位置

float

sr_insight_dead_click_y

无效点击的位置

float

sr_insight_dead_click_buttons

触发无效点击鼠标事件时在鼠标(或其他输入设备)上按下哪些按钮

int

sr_insight_dead_click_targetId

无效点击触发的虚拟节点 ID

int

sr_insight_dead_click_time

无效点击结束的时间

float

sr_referrer

打开当前页面的页面的地址

string

sr_url

当前页面的地址

string

sr_insight_long_hover

长时间悬停

sr_insight_long_hover_duration

长时间悬停的持续时间(毫秒)

float

sr_insight_long_hover_x

长时间悬停的位置

float

sr_insight_long_hover_y

长时间悬停的位置

float

sr_insight_long_hover_targetId

长时间悬停所在的虚拟节点 ID

int

sr_insight_long_hover_time

长时间悬停结束的时间

float

sr_referrer

打开当前页面的页面的地址

string

sr_url

当前页面的地址

string

sr_insight_excessive_scrolling

过度滚动

sr_insight_excessive_scrolling_distance

过度滚动的距离(像素)

float

sr_insight_excessive_scrolling_duration

过度滚动的持续时间(毫秒)

float

sr_insight_excessive_scrolling_targetId

过度滚动触发的虚拟节点 ID

float

sr_insight_excessive_scrolling_time

过度滚动结束的时间

float

sr_referrer

打开当前页面的页面的地址

string

sr_url

当前页面的地址

string

sr_performance_long_task_timing

长任务

sr_performance_long_task_timing_name

长任务名称

string

sr_performance_long_task_timing_start_time

长任务开始时间

float

sr_performance_long_task_timing_duration

长任务持续时长

float

sr_referrer

打开当前页面的页面的地址

string

sr_url

当前页面的地址

string