change some of the calls to react-ga4 syntax

NASA-IMPACT · Oct 4, 2023 · a76322c · a76322c
1 parent 7997da5
commit a76322c
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 5 deletions.
diff --git a/app/assets/scripts/components/documents/document-changelog-modal.js b/app/assets/scripts/components/documents/document-changelog-modal.js
@@ -121,7 +121,7 @@ export default function DocumentChangelogModal(props) {
 
   useEffect(() => {
     if (revealed) {
-      ReactGA.modalview('document-changelog');
+      ReactGA.send({ hitType: 'modalview', page: '/modal/document-changelog' });
     }
   }, [revealed]);
 

diff --git a/app/assets/scripts/components/documents/document-info-modal.js b/app/assets/scripts/components/documents/document-info-modal.js
@@ -41,7 +41,7 @@ export default function DocumentInfoModal(props) {
 
   useEffect(() => {
     if (revealed) {
-      ReactGA.modalview('document-info');
+      ReactGA.send({ hitType: 'modalview', page: '/modal/document-info' });
     }
   }, [revealed]);
 

diff --git a/app/assets/scripts/components/documents/document-tracker-modal.js b/app/assets/scripts/components/documents/document-tracker-modal.js
@@ -140,7 +140,7 @@ export default function DocumentTrackerModal(props) {
 
   useEffect(() => {
     if (revealed) {
-      ReactGA.modalview('document-progress-tracker');
+      ReactGA.send({ hitType: 'modalview', page: '/modal/document-progress-tracker' });
     }
   }, [revealed]);
 

diff --git a/app/assets/scripts/main.js b/app/assets/scripts/main.js
@@ -84,9 +84,17 @@ const { gaTrackingCode } = config;
 // Google analytics
 if (gaTrackingCode) {
   ReactGA.initialize(gaTrackingCode);
-  ReactGA.pageview(window.location.pathname + window.location.search);
+  // ReactGA.initialize(gaTrackingCode, {
+  //   gaOptions: {
+  //     debug_mode: true,
+  //   },
+  //   gtagOptions: {
+  //     debug_mode: true,
+  //   },
+  // });
+  ReactGA.send({ hitType: 'pageview', page: window.location.pathname + window.location.search})
   history.listen((location) =>
-    ReactGA.pageview(location.pathname + location.search)
+    ReactGA.send({ hitType: 'pageview', page: location.pathname + location.search})
   );
 }