feat: TAR-110 add datadog tracking

.env.example

@@ -1 +1,4 @@
-PUBLIC_APTRINSIC_APP_ID=
+PUBLIC_APTRINSIC_APP_ID=
+PUBLIC_DATADOG_TOKEN=
+PUBLIC_DATADOG_ID=
+PUBLIC_DATADOG_ENV=

package.json

@@ -13,6 +13,7 @@
     "test:ci": "jest src --ci"
   },
   "dependencies": {
+    "@datadog/browser-rum": "^5.16.0",
     "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
     "@fontsource/ibm-plex-sans": "^5.0.18",

src/App.tsx

@@ -1,8 +1,36 @@
+import { datadogRum } from "@datadog/browser-rum";
 import { SeoMetaTags } from "./components/SeoMetaTags/SeoMetaTags";
 import Theme from "./components/Theme";
 import { WithExtensionContext } from "./hooks/withExtensionContext";
+import { useEffect } from "react";
 
 function App() {
+  useEffect(() => {
+    const ddToken = import.meta.env.PUBLIC_DATADOG_TOKEN;
+    const ddId = import.meta.env.PUBLIC_DATADOG_ID;
+    const ddEnv = import.meta.env.PUBLIC_DATADOG_ENV;
+
+    if (ddToken && ddId && ddEnv) {
+      datadogRum.init({
+        applicationId: ddId,
+        clientToken: ddToken,
+        env: ddEnv,
+        site: "datadoghq.com",
+        service: "dc-extension-seo-meta-tags",
+        version: "1.1.0",
+        trackResources: true,
+        trackLongTasks: true,
+        trackUserInteractions: true,
+        defaultPrivacyLevel: "allow",
+        sessionSampleRate: 100,
+        usePartitionedCrossSiteSessionCookie: true,
+        proxy: "https://dd-proxy.amplience.net",
+      });
+
+      datadogRum.startSessionReplayRecording();
+    }
+  }, []);
+
   return (
     <WithExtensionContext>
       <Theme>