回放

自 v3.1.0 版本起可用

回放 功能让您观看网站上真实访客会话的录制内容——每一次点击、滚动和导航都按实际发生的情况被捕捉。 使用回放来了解用户如何实际与您的页面互动,诊断令人困惑的用户体验,复现错误,并通过真实的行为证据验证设计更改。

启用回放

登录 Umami,并在侧边栏中点击 网站

image

点击你想要编辑的网站对应的 编辑 按钮。

image

前往 回放与热图 部分,并点击 回放 开关。

image

选项描述默认值
采样率记录会话的比例,取值从 01。例如,0.15 表示记录 15% 的会话。0.15
掩码级别隐私掩码级别。moderate 会隐藏所有输入字段;strict 会隐藏所有输入内容以及页面上的所有文本。moderate
最大时长录制的最长时长,单位为毫秒。达到后会自动停止录制。300000(5 分钟)
阻止选择器用于完全排除不被录制元素的 CSS 选择器(例如 .sensitive-widget)。

你还需要更新你的跟踪脚本,以启用回放收集。

<script
  defer src="http://localhost:3000/recorder.js"
  data-website-id="my-website-id"
></script>

注意

  • 只有在启用该功能后开始的会话才会被记录。现有会话历史不会补录。
  • 会话回放会保留 30 天

访问回放

方法 1: 可在 回放 页面访问回放。

image

方法 2: 也可以通过 回放 选项卡中的会话资料访问回放。

image

点击播放按钮会打开回放播放器。播放器会实时重现访客的会话,包括:

image

  • 鼠标移动和点击
  • 滚动行为
  • 页面导航
  • 表单交互(输入内容默认会被遮罩)

保存回放

你可以将单个回放标记为已保存,以便快速访问并轻松重看重要会话。

打开一个回放,点击播放器工具栏中的 保存 按钮,并为其命名。

image

已保存的回放会被标记,并可在 已保存 选项卡中访问。

image