Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Pulling refs/heads/main into main #887

Merged
merged 45 commits into from
Aug 31, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
45 commits
Select commit Hold shift + click to select a range
4a74555
create PR
gschatz-splunk Oct 14, 2022
c5a8331
additions
gschatz-splunk Oct 18, 2022
d8062a7
Merge branch 'main' into gschatz-session-replay
gschatz-splunk Oct 19, 2022
43985cc
Additions
gschatz-splunk Oct 20, 2022
b31ddbb
add cope snippets
gschatz-splunk Oct 20, 2022
f0fa95e
Merge branch 'main' into gschatz-session-replay
gschatz-splunk Oct 28, 2022
80db5d4
revision
gschatz-splunk Oct 31, 2022
e0dff47
Merge branch 'main' into gschatz-session-replay
gschatz-splunk Oct 31, 2022
51dffdd
updates
gschatz-splunk Nov 1, 2022
989f441
additions
gschatz-splunk Nov 1, 2022
e9ba9ec
Merge branch 'main' into gschatz-session-replay
gschatz-splunk Nov 9, 2022
b126ee0
revisions
gschatz-splunk Nov 9, 2022
439b7ff
Added use cases
gschatz-splunk Nov 9, 2022
7fc898f
deactivate fix
gschatz-splunk Nov 9, 2022
e7cc997
troublehsooting section and replay
gschatz-splunk Nov 10, 2022
d4c782f
Merge branch 'main' into gschatz-session-replay
gschatz-splunk Nov 11, 2022
db178fc
Merge branch 'main' into gschatz-session-replay
gschatz-splunk Nov 14, 2022
5429b04
updates
gschatz-splunk Nov 14, 2022
40d6059
Update rum/rum-session-replay.rst
gschatz-splunk Dec 13, 2022
43912dc
Update rum/rum-session-replay.rst
gschatz-splunk Dec 13, 2022
58668ae
Update rum/rum-session-replay.rst
gschatz-splunk Dec 13, 2022
57cdd13
Merge branch 'main' into gschatz-session-replay
gschatz-splunk Dec 21, 2022
45189e4
remove admonition
gschatz-splunk Jan 3, 2023
b264c3c
bringing in main
gschatz-splunk Jan 6, 2023
1e940ac
comment out use case
gschatz-splunk Jan 6, 2023
b6c8a58
additional changes
gschatz-splunk Jan 7, 2023
5a6087c
bringing in main
gschatz-splunk Mar 7, 2023
18f2333
formatting issue
gschatz-splunk Mar 7, 2023
67b477b
Merge branch 'main' into gschatz-session-replay
gschatz-splunk Mar 8, 2023
5b1f63a
small fixes
gschatz-splunk Mar 8, 2023
c4fe48d
small update
gschatz-splunk Mar 13, 2023
79a925e
Merge branch 'main' into gschatz-session-replay
gschatz-splunk Mar 14, 2023
21da4aa
typo
gschatz-splunk Mar 14, 2023
4f53b64
two more typos
gschatz-splunk Mar 14, 2023
d2f317f
Merge branch 'main' into gschatz-session-replay
gschatz-splunk Mar 28, 2023
171e833
update link
gschatz-splunk Mar 28, 2023
6a23d0c
Merge branch 'main' into gschatz-session-replay
gschatz-splunk May 2, 2023
62c9f3b
bring in changes
gschatz-splunk Aug 10, 2023
463bf65
blurb from Madelene
gschatz-splunk Aug 10, 2023
4fdb94d
Merge branch 'main' into gschatz-session-replay
gschatz-splunk Aug 10, 2023
cb6fb5d
bring in changes
gschatz-splunk Aug 10, 2023
d3d6a11
Merge branch 'main' into gschatz-session-replay
gschatz-splunk Aug 24, 2023
674f64e
missing by
gschatz-splunk Aug 24, 2023
3e044f0
Merge pull request #123 from splunk/gschatz-session-replay
gschatz-splunk Aug 31, 2023
3b2b8d2
Merge branch 'main' into repo-sync
gschatz-splunk Aug 31, 2023
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added _images/rum/SR-text-redaction.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added _images/rum/sr-tabs.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions index.rst
Original file line number Diff line number Diff line change
Expand Up @@ -695,6 +695,11 @@ View a list of all supported integrations :ref:`supported-data-sources`

rum/RUM-metrics

.. toctree::
:maxdepth: 3

rum/rum-session-replay

.. toctree::
:maxdepth: 3

Expand Down
154 changes: 154 additions & 0 deletions rum/rum-session-replay.rst
Original file line number Diff line number Diff line change
@@ -0,0 +1,154 @@
.. _rum-session-replay:


**********************************************************************
Session replay in Splunk RUM
**********************************************************************

Replay a session to take a look at exactly what the user experienced and make informed decisions about what to do next. Sessions have a maximum duration of four hours.

.. note:: Customer is responsible for using Splunk Observability Cloud in compliance with applicable laws, including but not limited to providing notice to and obtaining any necessary consent form individuals whose data will be collected by Customer's use of the services.


Use cases
===================
There are many reasons why you might want to replay sessions. Here are a few:

* Reduce the amount of time support teams take to troubleshoot a problem. By seeing errors from the perspective of an actual user, support teams can quickly identify what happened, and take action. Without session replay, support teams could spend a long time investigating a variety of possible causes based on an incomplete description of the problem.
* Introduce fast fixes to your applications by honing in on errors and seeing what errors impact users.
* Improve UX by seeing how users interact with your applications and following their navigation path. For example, if customers aren't adding promo codes from a targeted ad campaign, review the checkout workflow to see if customers can even find the dropdown to add a promo code.


Prerequisite
=================

Session replay is available for enterprise customers only. For more information on each type of subscription, see :new-page:`Splunk RUM Pricing <https://www.splunk.com/en_us/products/pricing/faqs/observability.html#splunk-rum>`.


Set up session replay
=====================
There are two ways to set up session replay: CDN or NPM.

.. admonition:: Note

Initialize Splunk Browser RUM before you initialize the session recorder package.

This example shows the order in which to initialize the scripts:

.. code-block:: html

<script src="https://cdn.signalfx.com/o11y-gdi-rum/latest/splunk-otel-web.js" crossorigin="anonymous"></script>
<script src="https://cdn.signalfx.com/o11y-gdi-rum/latest/splunk-otel-web-session-recorder.js" crossorigin="anonymous"></script>
<script>
SplunkRum.init({
beaconUrl: 'https://rum-ingest.<realm>.signalfx.com/v1/rum',
rumAuth: '<your_rum_token>',
app: '<your_app_name>',
version: '<your_app_version>',
environment: '<your_environment_name>'
});
SplunkSessionRecorder.init({
beaconUrl: 'https://rum-ingest.<realm>.signalfx.com/v1/rumreplay',
rumAuth: '<auth token>'
});
</script>

Use session replay through Splunk CDN
--------------------------------------------

Initialize this code snippet to set up session replay through Splunk CDN.

.. code-block:: html

<script src="https://cdn.signalfx.com/o11y-gdi-rum/latest/splunk-otel-web-session-recorder.js" crossorigin="anonymous"></script>
<script>
SplunkSessionRecorder.init({
beaconUrl: 'https://rum-ingest.<realm>.signalfx.com/v1/rumreplay',
rumAuth: '<auth token>'
});
</script>



Use session replay through Splunk NPM
--------------------------------------------
Use the following command to set up session replay with NPM through a package named ``@splunk/otel-web-session-recorder``.

.. code-block:: html

npm install @splunk/otel-web-session-recorder

Next, initialize this code snippet:

.. code-block:: html

import SplunkSessionRecorder from '@splunk/otel-web-session-recorder'

SplunkSessionRecorder.init({
beaconUrl: 'https://rum-ingest.<realm>.signalfx.com/v1/rumreplay',
rumAuth: '<auth token>'
});


Deactivate session replay
--------------------------------------------
To deactivate session replay you can either:

* Turn it off for the particular session replay.
* Remove the instrumentation if you want to deactivate it completely.


Additional instrumentation settings
------------------------------------

For more information on configuration options, see :new-page:`rrweb guide <https://github.com/rrweb-io/rrweb/blob/master/guide.md#guide>` on GitHub.

Redact information
==============================
Text is redacted by default, you can optionally configure image redaction as well. The following image shows how the Splunk RUM homepage looks with text redaction enabled. All text is replaced by * symbols.

.. image:: /_images/rum/SR-text-redaction.png
:alt: Example home screen of a website with the text replaced by the star symbol to show redacted text.
:width: 70%



Image redaction
----------------

To redact images, set ``inlineImages: false`` in the ``splunksessionrecorder.init`` function.

For more information on how to customize your instrumentation, see the Privacy section of the :new-page:`rrweb guide <https://github.com/rrweb-io/rrweb/blob/master/guide.md#privacy>` on GitHub.


Replay a session
================
To replay a session, open the session you're interested in session waterfall, and if there's a replay option available, click :strong:`Replay`. Here are a few controls you can configure:

* Adjust the speed of the session and the size of the window.
* Toggle the timeline to see multiple replay segments if the user had multiple instances of the application open at the same time.



Troubleshooting
===================
Try these methods:

* If a session is incomplete, it might be because the network bandwidth isn't strong enough, which can cause part of a session to drop off.
* If a user has multiple tabs of the same application open, then there is a session replay available for each tab. Make sure to open the tab below session replay and navigate to the tab you're interested in. For example, in the following image, the blue tabs at the top of the chart represent a user loading the page again, or opening the app in a different page.


.. image:: /_images/rum/sr-tabs.png
:alt: This image shows eight tabs in a chart where a user could have loaded the page again, or opened the app in a different tab.
:width: 97.3%

* Elements or images aren't appearing in your session replay. It's possible that the images or elements are blocked by a content security policy. Review the policy and CDN provider to confirm.

* Aspect ratio is distorted. The aspect ratio is dependent on the user's window size.