如何在 statpx 中设置并观看会话录屏
数据能告诉您某个表单的放弃率高达 60%。但它无法告诉您,访客卡在了一个从未解释清楚的验证错误上,或者反复点击一个悄无声息失败的按钮。statpx 的会话录屏功能通过回放真实访客会话——光标移动、点击、滚动以及愤怒点击——弥补了这一空白,让您可以确切地看到一个真实的人到底经历了什么。本指南将介绍如何开启录屏、保护敏感输入、筛选值得观看的会话,以及如何使用回放播放器本身。
开启会话录屏
录屏功能默认关闭,需要在两个地方启用。首先,进入您想要录制的网站的网站设置并打开录屏开关。在那里您可以控制两个重要设置:
- 采样百分比——要录制的会话百分比。在高流量网站上,采样 10-20% 通常足以发现模式,而无需存储每一个会话。
- 保留天数——录屏在被自动清除之前保留多长时间。
其次,在您真正希望被录制的页面上,在 statpx 追踪代码之前添加这一行:
两个开关都必须打开:网站设置开关决定该网站是否录制以及以何种采样率录制,而 window._stRecord 则将特定页面纳入可被捕获的范围。这样您就可以只录制注册流程或结账页面,而不必录制网站上的每一个页面。
屏蔽敏感字段
按照设计,输入的文字内容永远不会被捕获——statpx 不会记录访客在任何字段中输入的内容,因此密码、银行卡号和个人信息永远不会出现在录屏中。但有些页面会显示并非输入值的敏感文本,例如账户余额、页面上渲染的电子邮件地址,或控制台标题中的客户姓名。要在回放中将其模糊处理,请为该元素添加 class="st-mask" 或 data-st-mask 属性:
带有任一标记的元素在录制的回放中都会被打码,而页面的其余部分则照常录制。在为任何包含账户数据、订单详情或用户生成内容的页面开启录屏之前,请先进行审查。
按愤怒点击、长会话和错误进行筛选
录屏开始进来后,录屏页面上的列表可以进行筛选,这样您就不必观看所有内容来找到重要的部分:
- 愤怒点击——访客因沮丧而反复点击同一位置的会话,通常是因为某个元素看起来可以点击,但却没有反应。
- 长会话——持续时间异常长的会话,这可能意味着深度参与,但同样常见的情况是访客卡住了,正试图弄清楚某件事。
- 错误——发生 JavaScript 错误的会话,让您能够确切看到网站出错的那一刻访客正在做什么。
任何重新设计之后,先从愤怒点击筛选开始——它能比随机抽样阅读更快地找出新布局让人困惑的确切位置。
使用回放播放器
点击列表中任意会话的回放即可打开播放器。您将获得标准的播放控制:播放/暂停、速度选择器(1×、2×、4×、8×),方便您跳过长会话中平淡的部分,还有一个进度条可以直接跳转到特定时刻。愤怒点击会在时间轴上明显标出,因此您可以直接跳到摩擦发生的那一刻,而不必从头观看整个会话。
总结
会话录屏将抽象的放弃率转化为一段您可以真正观看的视频。您不必再猜测访客为何放弃某个表单或跳出某个页面,而是可以回放确切的会话,看到出问题的那一刻。以保守的采样率启用录屏,用 st-mask 屏蔽任何敏感内容,并使用愤怒点击/错误筛选器直接跳到值得您花时间观看的会话。将回放与点击热力图结合使用可获得完整视角——热力图展示了摩擦发生在众多会话中的位置,而录屏则展示了它对某一位真实访客而言具体是什么样子。如果您的网站在被录制的会话中抛出了客户端错误,请与 JavaScript 错误追踪 进行交叉核对,以修复根本原因。