topic [React] [RUM] - Not all user actions visible on react application in Real User Monitoring

[React] [RUM] - Not all user actions visible on react application

skrystosik — Tue, 27 Apr 2021 12:50:55 GMT

Hello,

we have problem with react SPA applications. Not all actions are visible. For example when some of them not making full page reload (background XHR request to API). Are there any specific configurations should we make to extend what we see?

Re: [React] [RUM] - Not all user actions visible on react application

AlexanderSommer — Thu, 26 Apr 2018 09:41:58 GMT

Have you turned on XHR and Fetch API capturing? Please look at the application configuration - Async requests and single page apps.

Re: [React] [RUM] - Not all user actions visible on react application

Yosi_Neuman — Mon, 10 Dec 2018 10:47:05 GMT

Hi Alexander,

We have the same issue and we turned on XHR and Fetch API capturing and still we dont see rb_* in devtools nor user actions

What else can do the trick here?

Yos

Re: [React] [RUM] - Not all user actions visible on react application

skrystosik — Mon, 10 Dec 2018 11:02:59 GMT

I have spoken some times ago with somebody from DT about react support. According to my information it's not fully supported right know but you should see at leas some of user actions.

Re: [React] [RUM] - Not all user actions visible on react application

Yosi_Neuman — Mon, 10 Dec 2018 15:00:39 GMT

Thanks for the update @sebastian k.!

Re: [React] [RUM] - Not all user actions visible on react application

akshay_misra — Wed, 20 Feb 2019 06:51:55 GMT

Hi - Any update on this, facing same issue with React user action - wherein fragment parameter with #/abcde part of URL is not getting captured as part of the URL in user actions.

For example -

If my URL is like /abcd/efgh.html#/xxxx

Only following is captured - /abcd/efgh.html without the fragment.

Need the complete URL with fragment

Re: [React] [RUM] - Not all user actions visible on react application

skrystosik — Wed, 20 Feb 2019 09:55:28 GMT

You can create user action naming rules based on anchor:

Re: [React] [RUM] - Not all user actions visible on react application

ravi — Tue, 05 Mar 2019 00:56:47 GMT

Do we have any solution on this? I am facing similar issue and turning on fetch or XmlHttpRequest() is not the solution. It just tracks the individual requests as pages.

What we are really looking for is, for the DT JS to trigger again, when the browser push state is done. What I have currently tried is, using Google Tag Manager (GTM) we instrument the site manually with DT javascript code. When the browser history changes, we fire the DT javascript again (via GTM). But the DT javascript has checks in place that prevent it from loading again on the same page. Removing these checks also did not help.

How are your customers using manually instrument web applications that are Single page apps that use react (react router) for frontend navigation.

Re: [React] [RUM] - Not all user actions visible on react application

jchabot86 — Wed, 24 May 2023 13:36:12 GMT

Same issue here