fix: ga4-tag

Author: stepan662

webapp/package-lock.json

@@ -23,7 +23,6 @@
     "date-fns": "2.29.2",
     "diff": "^5.0.0",
     "formik": "^2.2.9",
-    "ga-gtag": "^1.1.7",
     "intl-messageformat": "^9.8.1",
     "notistack": "^2.0.4",
     "prism-react-renderer": "1.2.1",
@@ -36,6 +35,7 @@
     "react-dom": "^17.0.2",
     "react-draggable": "^4.4.3",
     "react-google-recaptcha-v3": "1.9.5",
+    "react-gtm-module": "^2.0.11",
     "react-helmet": "^6.1.0",
     "react-list": "^0.8.16",
     "react-markdown": "^8.0.4",

webapp/package.json

@@ -1,29 +1,19 @@
 import { useEffect } from 'react';
-import { useSelector } from 'react-redux';
-import { gtag, install } from 'ga-gtag';
+import TagManager from 'react-gtm-module';
 
 import { useConfig } from 'tg.globalContext/helpers';
-import { AppState } from 'tg.store/index';
-
-export const initGtag = (tagId: string) => {
-  install(tagId);
-  gtag('js', new Date());
-  gtag('config', tagId);
-};
 
 export const Ga4Tag = () => {
   const config = useConfig();
   const tag = config?.ga4Tag;
 
-  const allowPrivate = useSelector(
-    (state: AppState) => state.global.security.allowPrivate
-  );
-
   useEffect(() => {
-    if (tag && allowPrivate) {
-      initGtag(tag!);
+    if (tag) {
+      TagManager.initialize({
+        gtmId: tag,
+      });
     }
-  }, [tag, allowPrivate]);
+  }, [tag]);
 
   return null;
 };