Configure Session Replay Player

Configure Session Replay Player Settings

Session Replay Player preferences can be customized for each GermainUX user. These settings control playback behavior and determine which events appear in the player.

To access them, open the Session Replay Player and select the Edit icon on the player portlet.

Session Replay Player settings - Germain UX

Autoplay

By default, Session Replay begins playing automatically when the player opens.

To disable this behavior:

  1. Disable Autoplay.

  2. Apply or save your changes.

    Session Replay Autoplay option - Germain UX

Skip Playback Interval

The playback controls let you skip backward or forward by a predefined duration. The default interval is 10 seconds.

Session Replay Skip Playback - Germain UX

To change it:

  1. Update Skip Playback Interval with the desired number of seconds.

    Session Replay Skip Interval Playback option - Germain UX
  2. Apply or save your changes.

Pause on Content Selection

By default, playback pauses automatically when you highlight content inside the replay.

This makes it easier to copy text, create a Phrase of Interest, add a watch, or review content without losing your position while the session continues playing.

To keep the replay running when content is selected:

  1. Disable Pause on Content Selection.

    Session Replay Pause on Content Selection - Germain UX
  2. Apply or save your changes.

Configure DevTools and Event Filters

The DevTools and Events panels can display UX, workflow, and technology data collected during the session—including highly technical signals such as JavaScript memory usage and browser reports.

You can independently configure which data appears in:

  • DevTools

  • Events

By default, the following technical signals are hidden from the Events panel:

Event or Metric

JavaScript Console events

Browser Report events

Unhandled Promise Rejection events

Memory metrics

Battery Status Changed events

Network Grade Changed events

To modify these filters:

  1. Open the Session Replay Player settings.

  2. Select DevTools Filters or Events Filters.

  3. Add, modify, or remove conditions in the Filters window.

  4. Select Apply.

  5. Save the player settings.

These preferences are stored separately for each GermainUX user.

Session Replay Dev Tools and Events Filters - Germain UX

Configure Dynamic Insights

Dynamic Insights let you add existing KPIs to the Session Replay timeline when they are not displayed by default.

Unlike personal playback preferences, Dynamic Insights are configured through the system-level UI configuration and can become available to other GermainUX users.

Add a Dynamic Insight

  1. Go to Germain Workspace > System > System Settings > UI Config.

  2. Navigate to:

    rcaDashboards > User Session Replay > portlets > Replay of User Session > timelineEvents

  3. Select Add.

    image-20241004-233632.png
  4. Configure the following fields:

Field

Description

name

Unique identifier for the Dynamic Insight.

targetFramework

Application or UX framework to which the insight applies, such as Salesforce, Shopify, or Generic.

kpiName

Existing KPI containing the events to display.

kpiFilter

Optional expression that selects the relevant events from the KPI.

eventModel

JSON configuration defining the event’s label, tooltip, icon, color, size, position, and other visual properties.

  1. Save or create the configuration.

    image-20241004-234332.png

After the configuration is saved, matching KPI events appear in the Session Replay Player at the appropriate points on the timeline.

image-20241004-232922.png

Component: RUM JS, RUM Ext

Feature Availability: or later