Skip to content

Commit 45c2b30

Browse files
committed
Update Session Replay setup pages
1 parent d95df4b commit 45c2b30

File tree

6 files changed

+393
-276
lines changed

6 files changed

+393
-276
lines changed

config/_default/menus/main.en.yaml

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7676,6 +7676,11 @@ menu:
76767676
parent: rum_session_replay
76777677
identifier: rum_session_replay_browser
76787678
weight: 502
7679+
- name: Setup
7680+
url: real_user_monitoring/session_replay/browser/setup_and_configuration
7681+
parent: rum_session_replay_browser
7682+
identifier: rum_session_replay_browser_setup
7683+
weight: 101
76797684
- name: Privacy Options
76807685
url: real_user_monitoring/session_replay/browser/privacy_options
76817686
parent: rum_session_replay_browser
@@ -7947,6 +7952,11 @@ menu:
79477952
parent: pa_session_replay
79487953
identifier: pa_session_replay_browser
79497954
weight: 303
7955+
- name: Setup
7956+
url: product_analytics/session_replay/browser/setup_and_configuration
7957+
parent: pa_session_replay_browser
7958+
identifier: pa_session_replay_browser_setup
7959+
weight: 101
79507960
- name: Privacy Options
79517961
url: product_analytics/session_replay/browser/privacy_options
79527962
parent: pa_session_replay_browser

content/en/product_analytics/session_replay/browser/_index.md

Lines changed: 11 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ Session Replay expands your user experience monitoring by allowing you to captur
2626

2727
The RUM Browser SDK is [open source][1] and leverages the open source [rrweb][2] project.
2828

29-
## Session Replay recorder
29+
## How the Session Replay recorder works
3030

3131
The Session Replay recorder is part of the RUM Browser SDK. The recorder takes a snapshot of the browser's DOM and CSS by tailing and recording events happening on a web page (such as DOM modification, mouse move, clicks, and input events) along with these events' timestamps.
3232

@@ -38,58 +38,19 @@ To reduce Session Replay's network impact and ensure the Session Replay recorder
3838

3939
## Setup
4040

41-
Session Replay is available in the RUM Browser SDK. To start collecting data for Session Replay, set up [Datadog RUM Browser Monitoring][4] by creating a RUM application, generating a client token generation, and initializing the RUM Browser SDK. For setup in mobile environments, see [Mobile Session Replay][5].
41+
Learn how to [set up and configure Browser Session Replay][4].
4242

43-
<div class="alert alert-info">Session Replay is supported by SDK version 3.6.0 or later.</div>
43+
## Privacy options
4444

45-
## Usage
45+
See [Privacy Options][5].
4646

47-
Starting with v5.0.0 of the RUM Browser SDK, the Session Replay starts recording automatically when calling `init()`. To conditionally start the recording, use the `startSessionReplayRecordingManually` init parameter and call `startSessionReplayRecording()`.
47+
## Troubleshooting
4848

49-
For example, to only record authenticated user sessions:
50-
51-
```javascript
52-
window.DD_RUM.init({
53-
applicationId: '<DATADOG_APPLICATION_ID>',
54-
clientToken: '<DATADOG_CLIENT_TOKEN>',
55-
site: '<DATADOG_SITE>',
56-
// service: 'my-web-application',
57-
// env: 'production',
58-
// version: '1.0.0',
59-
sessionSampleRate: 100,
60-
sessionReplaySampleRate: 100,
61-
startSessionReplayRecordingManually: true,
62-
...
63-
});
64-
65-
if (user.isAuthenticated) {
66-
window.DD_RUM.startSessionReplayRecording();
67-
}
68-
```
69-
70-
To stop the Session Replay recording, call `stopSessionReplayRecording()`.
71-
72-
<div class="alert alert-warning">When using a version of the RUM Browser SDK older than v5.0.0, Session Replay recording does not begin automatically. Call <code>startSessionReplayRecording()</code> to begin recording.</div>
73-
74-
## Disable Session Replay
75-
76-
To stop session recordings, set `sessionReplaySampleRate` to `0`. This stops collecting data for the [Browser RUM & Session Replay plan][6].
77-
78-
<div class="alert alert-warning">If you're using a version of the RUM Browser SDK previous to v5.0.0, set <code>replaySampleRate</code> to <code>0</code>.</div>
79-
80-
## Playback history
81-
82-
You can see who has watched a given session replay by clicking the **watched** count displayed on the player page. This feature allows you to check whether someone you'd like to share the recording with has already watched it.
83-
84-
{{< img src="real_user_monitoring/session_replay/session-replay-playback-history.png" alt="Check who has watched a session's recording" style="width:100%;" >}}
85-
86-
The history includes only playbacks that occurred in the player page or in an embedded player, like in a [Notebook][8] or side panel. Included playbacks also generate an [Audit Trail][7] event. Thumbnail previews are not included in history.
87-
88-
To view your own playback history, check out the [My Watch History][9] playlist.
49+
Learn how to [troubleshoot Browser Session Replay][7].
8950

9051
## Mobile Session Replay
9152

92-
Learn more about the [Session Replay for Mobile][5].
53+
Learn more about the [Session Replay for Mobile][8].
9354

9455
## Further Reading
9556

@@ -98,9 +59,7 @@ Learn more about the [Session Replay for Mobile][5].
9859
[1]: https://github.com/DataDog/browser-sdk
9960
[2]: https://www.rrweb.io/
10061
[3]: https://github.com/DataDog/browser-sdk/blob/main/packages/rum/BROWSER_SUPPORT.md
101-
[4]: /real_user_monitoring/browser/
102-
[5]: /real_user_monitoring/session_replay/mobile/
103-
[6]: https://www.datadoghq.com/pricing/?product=real-user-monitoring--session-replay#real-user-monitoring--session-replay
104-
[7]: https://docs.datadoghq.com/account_management/audit_trail/
105-
[8]: https://docs.datadoghq.com/notebooks/
106-
[9]: https://app.datadoghq.com/rum/replay/playlists/my-watch-history
62+
[4]: /product_analytics/session_replay/browser/setup_and_configuration
63+
[5]: /product_analytics/session_replay/browser/privacy_options
64+
[7]: /product_analytics/session_replay/browser/troubleshooting
65+
[8]: /product_analytics/session_replay/mobile/
Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
---
2+
title: Browser Session Replay Setup and Configuration
3+
description: Setting up and configuring Mobile Session Replay.
4+
aliases:
5+
further_reading:
6+
- link: '/product_analytics/session_replay/browser'
7+
tag: Documentation
8+
text: Browser Session Replay
9+
- link: '/product_analytics/session_replay/browser/privacy_options'
10+
tag: Documentation
11+
text: Browser Session Replay Privacy Options
12+
- link: '/product_analytics/session_replay/browser/troubleshooting'
13+
tag: Documentation
14+
text: Troubleshoot Browser Session Replay
15+
- link: '/product_analytics/session_replay'
16+
tag: Documentation
17+
text: Session Replay
18+
---
19+
20+
{{< include-markdown "real_user_monitoring/session_replay/browser/setup_and_configuration" >}}

content/en/real_user_monitoring/session_replay/browser/_index.md

Lines changed: 10 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ title: Browser Session Replay
33
description: Learn about how to capture and visually replay your users' web browsing experience with Session Replay.
44
aliases:
55
- /real_user_monitoring/guide/session-replay-getting-started/
6-
- /real_user_monitoring/session_replay/
76
further_reading:
87
- link: 'https://www.datadoghq.com/blog/session-replay-datadog/'
98
tag: 'Blog'
@@ -40,84 +39,19 @@ To reduce Session Replay's network impact and ensure the Session Replay recorder
4039

4140
## Setup
4241

43-
Session Replay is available in the RUM Browser SDK. To start collecting data for Session Replay, set up [Datadog RUM Browser Monitoring][4] by creating a RUM application, generating a client token generation, and initializing the RUM Browser SDK. For setup in mobile environments, see [Mobile Session Replay][5].
42+
Learn how to [set up and configure Browser Session Replay][4].
4443

45-
<div class="alert alert-info">Session Replay is supported by SDK version 3.6.0 or later.</div>
44+
## Privacy options
4645

47-
## Usage
46+
See [Privacy Options][5].
4847

49-
Starting with v5.0.0 of the RUM Browser SDK, the Session Replay starts recording automatically when calling `init()`. To conditionally start the recording, use the `startSessionReplayRecordingManually` init parameter and call `startSessionReplayRecording()`.
48+
## Troubleshooting
5049

51-
For example, to only record authenticated user sessions:
52-
53-
```javascript
54-
window.DD_RUM.init({
55-
applicationId: '<DATADOG_APPLICATION_ID>',
56-
clientToken: '<DATADOG_CLIENT_TOKEN>',
57-
site: '<DATADOG_SITE>',
58-
// service: 'my-web-application',
59-
// env: 'production',
60-
// version: '1.0.0',
61-
sessionSampleRate: 100,
62-
sessionReplaySampleRate: 100,
63-
startSessionReplayRecordingManually: true,
64-
...
65-
});
66-
67-
if (user.isAuthenticated) {
68-
window.DD_RUM.startSessionReplayRecording();
69-
}
70-
```
71-
72-
To stop the Session Replay recording, call `stopSessionReplayRecording()`.
73-
74-
<div class="alert alert-warning">When using a version of the RUM Browser SDK older than v5.0.0, Session Replay recording does not begin automatically. Call <code>startSessionReplayRecording()</code> to begin recording.</div>
75-
76-
## Force Session Replay
77-
78-
In some scenarios, you may want to begin recording a session after it has already started, even if it was initially sampled out of replay. For instance, you might want to force Session Replay on a newly deployed page for closer monitoring, or start recording after detecting an error to ensure complete replay data.
79-
80-
To force Session Replay recording for the rest of the current session, call `startSessionReplayRecording({ force: true })`
81-
82-
When using the force option, the session is upgraded to a replayed session for the remainder of its duration, regardless of its initial sampling decision.
83-
84-
<div class="alert alert-warning">The force option only upgrades an existing session to a replayed one if it is already being sampled. In other words, if sampling hasn't started yet, using the force option does not initiate one, and no replay is recorded.</div>
85-
86-
## Disable Session Replay
87-
88-
To stop session recordings, set `sessionReplaySampleRate` to `0`. This stops collecting data for the [Browser RUM & Session Replay plan][6].
89-
90-
<div class="alert alert-warning">If you're using a version of the RUM Browser SDK previous to v5.0.0, set <code>replaySampleRate</code> to <code>0</code>.</div>
91-
92-
## Retention
93-
94-
By default, Session Replay data is retained for 30 days.
95-
96-
To extend retention to 15 months, you can enable _Extended Retention_ on individual session replays. These sessions must be non-active (the user has completed their experience).
97-
98-
Extended Retention only applies to Session Replay and does not include associated events. The 15 months start when Extended Retention is enabled, not when the session is collected.
99-
100-
You can disable Extended Retention at any time. If the session replay is still within its default 30 days of retention, the replay expires at the end of the initial 30 day window. If you disable Extended Retention on a session replay that is older than 30 days, the replay immediately expires.
101-
102-
{{< img src="real_user_monitoring/session_replay/session-replay-extended-retention.png" alt="Enable extended retention" style="width:100%;" >}}
103-
104-
Refer to the below diagram to understand what data is retained with extended retention.
105-
106-
{{< img src="real_user_monitoring/session_replay/replay-extended-retention.png" alt="Diagram of what data is retained with extended retention" style="width:100%;" >}}
107-
108-
## Playback history
109-
110-
You can see who has watched a given session replay by clicking the **watched** count displayed on the player page. This feature allows you to check whether someone you'd like to share the recording with has already watched it.
111-
112-
{{< img src="real_user_monitoring/session_replay/session-replay-playback-history.png" alt="Check who has watched a session's recording" style="width:100%;" >}}
113-
114-
The history includes only playbacks that occurred in the player page or in an embedded player, like in a [Notebook][8] or side panel. Included playbacks also generate an [Audit Trail][7] event. Thumbnail previews are not included in history.
115-
116-
To view your own playback history, check out the [My Watch History][9] playlist.
50+
Learn how to [troubleshoot Browser Session Replay][7].
11751

11852
## Mobile Session Replay
11953

120-
Learn more about the [Session Replay for Mobile][5].
54+
Learn more about the [Session Replay for Mobile][8].
12155

12256
## Further Reading
12357

@@ -126,9 +60,7 @@ Learn more about the [Session Replay for Mobile][5].
12660
[1]: https://github.com/DataDog/browser-sdk
12761
[2]: https://www.rrweb.io/
12862
[3]: https://github.com/DataDog/browser-sdk/blob/main/packages/rum/BROWSER_SUPPORT.md
129-
[4]: /real_user_monitoring/browser/
130-
[5]: /real_user_monitoring/session_replay/mobile/
131-
[6]: https://www.datadoghq.com/pricing/?product=real-user-monitoring--session-replay#real-user-monitoring--session-replay
132-
[7]: https://docs.datadoghq.com/account_management/audit_trail/
133-
[8]: https://docs.datadoghq.com/notebooks/
134-
[9]: https://app.datadoghq.com/rum/replay/playlists/my-watch-history
63+
[4]: /real_user_monitoring/session_replay/browser/setup_and_configuration
64+
[5]: /real_user_monitoring/session_replay/browser/privacy_options
65+
[7]: /real_user_monitoring/session_replay/browser/troubleshooting
66+
[8]: /real_user_monitoring/session_replay/mobile/

0 commit comments

Comments
 (0)