Set up Product Analytics data capture

This page instructs how to set up data capture in the context of the User Lifecycle Extension for Experience Analytics.

Add your Product Analytics Environment ID using CSQ.configureProductAnalytics().
App.js
```
import { CSQ } from "@contentsquare/react-native-bridge";

useEffect(() => {
  CSQ.configureProductAnalytics({
    envId: "YOUR_ENVIRONMENT_ID",
  });
}, []);
```
YOUR_ENVIRONMENT_ID is either provided to you by Contentsquare or you can find it in Account > Manage > Projects within the Product Analytics web app.

Recommended To capture screenviews automatically, enable autocapture by setting enableRNAutocapture to true.

import { CSQ } from "@contentsquare/react-native-bridge";

useEffect(() => {
  CSQ.configureProductAnalytics({
    envId: "YOUR_ENVIRONMENT_ID",
    enableRNAutocapture: true,
  });
}, []);

Recommended To capture user interactions automatically, add the option disableInteractionAutocapture: false :

import { CSQ } from "@contentsquare/react-native-bridge";

useEffect(() => {
  CSQ.configureProductAnalytics({
    envId: "YOUR_ENVIRONMENT_ID",
    enableRNAutocapture: true,
    disableInteractionAutocapture: false,
  });

  CSQ.start();
}, []);

(Optional) If your Product Analytics environment is hosted in the EU, set the baseUri option to https://mh.ba.contentsquare.net.

import { CSQ } from "@contentsquare/react-native-bridge";

useEffect(() => {
  CSQ.configureProductAnalytics({
    envId: "YOUR_ENVIRONMENT_ID",
    enableRNAutocapture: true,
    disableInteractionAutocapture: false,
    baseUrl: "https://mh.ba.contentsquare.net",
  });
}, []);

Add the resumePreviousSession: true and disablePageviewAutocapture: true options to the configuration.

import { CSQ } from "@contentsquare/react-native-bridge";

useEffect(() => {
  CSQ.configureProductAnalytics({
    envId: "YOUR_ENVIRONMENT_ID",
    enableRNAutocapture: true,
    disableInteractionAutocapture: false,
    resumePreviousSession: true,
    disablePageviewAutocapture: true,
  });
}, []);