Unable to conditionally start session replay

deweyn

Hey folks, I’m running into an issue where I can’t correctly conditionally add/remove the session replay plug in. The replays either don’t get generated or when it does, the replay is stuck at the loading spinner. 

This is the snippet where I initialize the Amplitude client in my React App.

  React.useEffect(() => {<br />    amplitude.init(AMPLITUDE_API_KEY, {<br />      autocapture: {<br />        pageViews: false,<br />        formInteractions: false,<br />      },<br />    });<br /><br />    if (internalUser) {<br />      const sessionTrackingPlugin = sessionReplayPlugin();<br /><br />      amplitude.add(sessionTrackingPlugin);<br />    }<br /><br /><br />    amplitude.track(`PageView`, {<br />      url: `${document.location.origin}${document.location.pathname}`,<br />      path: `${document.location.pathname}`,<br />      queryParams: fromPairs(<br />        Array.from(new URLSearchParams(window.location.search).entries())<br />      ),<br />    });<br />  }, [internalUser]);

I’m using the latest version of the `BrowserSDK` and the `sessionReplayPlugin`

Yosimy.Cortes

Hi Deweyn,

Thanks for writing to Amplitude Community, happy to help!

Based on the code snippet you've provided, it seems like you're correctly initializing the Amplitude client and conditionally adding the session replay plugin. However, there are a few things you might want to check:

1. Session Replay Settings: Ensure that the sample rate is set to a value greater than 0. If you set the sample rate below `1`, Amplitude may not capture the specific session in question. You can find more details here: https://amplitude.com/docs/data/amplitude-wordpress-plugin#session-replay
2. Content Security Policy: Check for any error messages in the JavaScript console that contain the text `Content Security Policy`. If there are any, you'll need to update your site's content security policy to allow connection to Amplitude's APIs.
3. Blocked JavaScript: Browser extensions or network security policy may block the Session Replay SDK. Check your browser's developer tools to see if requests fail, and if so, add an exception for the blocked domains.

Here is an additional resource to help with troubleshooting Session Replay: https://amplitude.com/docs/session-replay/session-replay-standalone-sdk#troubleshooting

I hope this information is helpful. Let me know if you have any other questions or need further clarification.

Best,
Yosimy


P.S. Checkout upcoming events and user meetups on our events page.