Session Replay

Prev Next

Session Replay provides video playback of end-user journeys and interactions on your website. By capturing clicks, scrolls, page navigations, and form interactions, it lets you effectively watch over your user’s shoulder to see exactly how they engage with your site.

This capability helps you understand your users' perspective so you can diagnose issues quickly and improve overall user experience and conversions. By watching real interactions, you can identify friction points, spot errors, and get invaluable context for troubleshooting tricky issues. With privacy-first data masking, sensitive information remains secure while giving you full visibility into user behavior.

If you purchased Session Replay with RUM, the Records page includes video replays of user sessions.

image.png

Since the records page reports both replays and waterfalls, you will find that any sessions where a replay is captured will include the waterfall and errors at the bottom of the page. When a session doesn't have a replay captured, the records page will only display the waterfall and errors.

Input Masking

Session replays are captured using the rrweb library. By deafult, all input elements like input, textarea, and select are masked meaning the data entered in these is neither collected nor displayed. You can also customize to add other elements:

  • Elements with class .rr-block are excluded from being recorded and appear as placeholders.
  • Elements with class .rr-ignore will not record any input events.
  • Text content inside elements with class .rr-mask

Timeline

The timeline shows the full duration of the session listing any navigations shown as vertical blue bars with rows reporting times where network activity is shown (labeled Resources), long tasks, any JS errors, and user intercations. You can click anywhere in the timeline to jump to that time or use jump to page to change to a specific page the user viewed in the session. Doing this will also change the waterfall displayed in the bottom portion of the page.

image.png

Session Section

This refers to the specific user session that generated the pageview(s) you will be analyzing.

To select a pageview from a different Session, click the "Change Session" button. This displays the Records List blade.
image.png

Activity Log

This section lists every navigation, interaction, and error allowing you to see more details or each event that occurred.
image.png