From 102874289108dd3e01cc932adb425d231c62619d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=B5=D0=BD=D0=B8=D1=81=20=D0=9A=D0=B0=D1=82=D0=B0?=
 =?UTF-8?q?=D0=B5=D0=B2?= <itkataev@gmail.com>
Date: Sun, 4 Feb 2024 23:42:08 +0000
Subject: [PATCH] feat: add react-ga4

---
 package-lock.json            | 11 +++++++++++
 package.json                 |  1 +
 src/components/App/index.tsx | 11 +++++++++++
 src/init.tsx                 | 12 ++++++------
 4 files changed, 29 insertions(+), 6 deletions(-)
 mode change 100644 => 100755 package-lock.json
 mode change 100644 => 100755 package.json

diff --git a/package-lock.json b/package-lock.json
old mode 100644
new mode 100755
index a20bded..9fc10b4
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,6 +19,7 @@
         "react": "^18.2.0",
         "react-circular-progressbar": "^2.1.0",
         "react-dom": "^18.2.0",
+        "react-ga4": "^2.1.0",
         "react-i18next": "^12.3.1",
         "react-redux": "^8.0.5",
         "react-router-dom": "^6.11.2",
@@ -2868,6 +2869,11 @@
         "react": "^18.2.0"
       }
     },
+    "node_modules/react-ga4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/react-ga4/-/react-ga4-2.1.0.tgz",
+      "integrity": "sha512-ZKS7PGNFqqMd3PJ6+C2Jtz/o1iU9ggiy8Y8nUeksgVuvNISbmrQtJiZNvC/TjDsqD0QlU5Wkgs7i+w9+OjHhhQ=="
+    },
     "node_modules/react-i18next": {
       "version": "12.3.1",
       "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-12.3.1.tgz",
@@ -5388,6 +5394,11 @@
         "scheduler": "^0.23.0"
       }
     },
+    "react-ga4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/react-ga4/-/react-ga4-2.1.0.tgz",
+      "integrity": "sha512-ZKS7PGNFqqMd3PJ6+C2Jtz/o1iU9ggiy8Y8nUeksgVuvNISbmrQtJiZNvC/TjDsqD0QlU5Wkgs7i+w9+OjHhhQ=="
+    },
     "react-i18next": {
       "version": "12.3.1",
       "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-12.3.1.tgz",
diff --git a/package.json b/package.json
old mode 100644
new mode 100755
index a106ac7..a2054d5
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "react": "^18.2.0",
     "react-circular-progressbar": "^2.1.0",
     "react-dom": "^18.2.0",
+    "react-ga4": "^2.1.0",
     "react-i18next": "^12.3.1",
     "react-redux": "^8.0.5",
     "react-router-dom": "^6.11.2",
diff --git a/src/components/App/index.tsx b/src/components/App/index.tsx
index f575f3f..7c6d7c9 100755
--- a/src/components/App/index.tsx
+++ b/src/components/App/index.tsx
@@ -90,6 +90,9 @@ import EmailConfirmPage from "../pages/EmailConfirm";
 import OnboardingPage from "../pages/Onboarding";
 import TrialChoicePage from "../pages/TrialChoice";
 import TrialPaymentPage from "../pages/TrialPayment";
+import ReactGA from "react-ga4";
+
+ReactGA.initialize("G-00S3ECJGSJ");
 
 function App(): JSX.Element {
   const [isSpecialOfferOpen, setIsSpecialOfferOpen] = useState<boolean>(false);
@@ -100,6 +103,14 @@ function App(): JSX.Element {
   const dispatch = useDispatch();
   const { token, user } = useAuth();
 
+  useEffect(() => {
+    ReactGA.send({
+      hitType: "pageview",
+      page: document.location.pathname + document.location.search,
+      title: "Custom Title",
+    });
+  }, []);
+
   const closeSpecialOfferAttention = () => {
     setIsSpecialOfferOpen(false);
     navigate(routes.client.auth());
diff --git a/src/init.tsx b/src/init.tsx
index 25b7b2e..ab725b2 100755
--- a/src/init.tsx
+++ b/src/init.tsx
@@ -53,12 +53,12 @@ const init = async () => {
   };
   smartLook();
 
-  const googleManager = () => {
-    const script = document.createElement("script");
-    script.setAttribute("src", "/metrics/google-manager.js");
-    document.head.appendChild(script);
-  };
-  googleManager();
+  // const googleManager = () => {
+  //   const script = document.createElement("script");
+  //   script.setAttribute("src", "/metrics/google-manager.js");
+  //   document.head.appendChild(script);
+  // };
+  // googleManager();
   
   return (
     <React.Fragment>