屏幕上显示访客会话的视频式回放,带有光标移动轨迹

如何在 statpx 中设置并观看会话录屏

数据能告诉您某个表单的放弃率高达 60%。但它无法告诉您,访客卡在了一个从未解释清楚的验证错误上,或者反复点击一个悄无声息失败的按钮。statpx 的会话录屏功能通过回放真实访客会话——光标移动、点击、滚动以及愤怒点击——弥补了这一空白,让您可以确切地看到一个真实的人到底经历了什么。本指南将介绍如何开启录屏、保护敏感输入、筛选值得观看的会话,以及如何使用回放播放器本身。

开启会话录屏

录屏功能默认关闭,需要在两个地方启用。首先,进入您想要录制的网站的网站设置并打开录屏开关。在那里您可以控制两个重要设置:

其次,在您真正希望被录制的页面上,在 statpx 追踪代码之前添加这一行:

// 在 statpx track.js 代码之前添加这一行 window._stRecord = true; // 然后是您正常的追踪代码,例如: // <script async src="https://statpx.com/track.js" data-site="YOUR_TRACKING_ID"></script>

两个开关都必须打开:网站设置开关决定该网站是否录制以及以何种采样率录制,而 window._stRecord 则将特定页面纳入可被捕获的范围。这样您就可以只录制注册流程或结账页面,而不必录制网站上的每一个页面。

屏蔽敏感字段

按照设计,输入的文字内容永远不会被捕获——statpx 不会记录访客在任何字段中输入的内容,因此密码、银行卡号和个人信息永远不会出现在录屏中。但有些页面会显示并非输入值的敏感文本,例如账户余额、页面上渲染的电子邮件地址,或控制台标题中的客户姓名。要在回放中将其模糊处理,请为该元素添加 class="st-mask"data-st-mask 属性:

<span class="st-mask">[email protected]</span> <div data-st-mask>Account balance: $4,210.00</div>

带有任一标记的元素在录制的回放中都会被打码,而页面的其余部分则照常录制。在为任何包含账户数据、订单详情或用户生成内容的页面开启录屏之前,请先进行审查。

按愤怒点击、长会话和错误进行筛选

录屏开始进来后,录屏页面上的列表可以进行筛选,这样您就不必观看所有内容来找到重要的部分:

任何重新设计之后,先从愤怒点击筛选开始——它能比随机抽样阅读更快地找出新布局让人困惑的确切位置。

使用回放播放器

点击列表中任意会话的回放即可打开播放器。您将获得标准的播放控制:播放/暂停、速度选择器(1×、2×、4×、8×),方便您跳过长会话中平淡的部分,还有一个进度条可以直接跳转到特定时刻。愤怒点击会在时间轴上明显标出,因此您可以直接跳到摩擦发生的那一刻,而不必从头观看整个会话。

立即观看您的第一个会话回放

statpx 内置自动输入屏蔽和愤怒点击检测,可录制真实访客会话。注重隐私,免费开始。

免费开始 →

总结

会话录屏将抽象的放弃率转化为一段您可以真正观看的视频。您不必再猜测访客为何放弃某个表单或跳出某个页面,而是可以回放确切的会话,看到出问题的那一刻。以保守的采样率启用录屏,用 st-mask 屏蔽任何敏感内容,并使用愤怒点击/错误筛选器直接跳到值得您花时间观看的会话。将回放与点击热力图结合使用可获得完整视角——热力图展示了摩擦发生在众多会话中的位置,而录屏则展示了它对某一位真实访客而言具体是什么样子。如果您的网站在被录制的会话中抛出了客户端错误,请与 JavaScript 错误追踪 进行交叉核对,以修复根本原因。

Continue reading

Technical
How to Identify and Block Referrer Spam in Website Analytics
Metrics
How to Track and Reduce Shopping Cart Abandonment with Analytics
Privacy
Google Consent Mode v2 Explained: What It Means for Your Analytics
Analytics by statpx