Session replay

Use session replay to watch navigation, clicks, scrolling, and DOM changes when aggregate analytics cannot explain a point of friction.

Enable session replay

  1. Open the project and choose Settings.
  2. Enable Session replay and choose a sample rate.
  3. Open Setup and copy the refreshed HTML or Next.js installation.
  4. Publish the change and visit the website.
  5. Open Replays when the first recording is available.

Protect sensitive content

Form inputs are masked by default. Add data-gum-mask to text that should be masked and data-gum-block to elements that should be excluded from recording.

<div data-gum-mask>Account reference</div>
<section data-gum-block>Private account details</section>

Connect replay with user analytics

Replay records link to their analytics session. Select the session name from replay metadata to open the user's location, device, operating system, events, and journeys across linked visits.

Browse and play recordings

The replay list is paginated and loads one result page at a time. Opening a recording updates the URL and reveals the replay menu and player without refetching the list. Playback scales oversized desktop recordings to the available player width and uses a smaller viewport for tablet and mobile sessions.

Use the back arrow in the replay menu to return to the Session replay list. Choose Session beside the recording context to open the linked user's visits, devices, operating systems, locations, journeys, and events.

Related documentation