Upgrade react-ga4 in order to also support Google Analytics GA4 @avoinea

refs kitconcept#9
avoinea · Oct 24, 2022 · b0bb26d · b0bb26d
1 parent 75e21b1
commit b0bb26d
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,8 @@
 
 ### Feature
 
+- Upgrade react-ga4 in order to also support Google Analytics GA4 @avoinea refs #9
+
 ### Bugfix
 
 ### Internal

diff --git a/package.json b/package.json
@@ -104,7 +104,7 @@
   "dependencies": {
     "@datapunt/matomo-tracker-js": "0.5.1",
     "@plone/scripts": "*",
-    "react-ga": "3.3.0"
+    "react-ga4": "^1.4.1"
   },
   "devDependencies": {
     "release-it": "^15.4.1"

diff --git a/src/components/Banner/Google.jsx b/src/components/Banner/Google.jsx
@@ -10,20 +10,21 @@ const Google = ({ reactGa }) => {
   const confirmTracking = !!Number(cookies.confirm_tracking);
 
   if (__CLIENT__) {
-    reactGa.initialize(
-      config.settings.DSGVOBanner.trackingId ||
-        config.settings.DSGVOBanner.tracker.id,
+    reactGa.default.initialize([
       {
+        trackingId:
+          config.settings.DSGVOBanner.trackingId ||
+          config.settings.DSGVOBanner.tracker.id,
         gaOptions: {
           anonymizeIp: true,
         },
       },
-    );
+    ]);
   }
 
   useEffect(() => {
     if (confirmTracking) {
-      reactGa.pageview(location.pathname);
+      reactGa.default.send({ hitType: 'pageview', page: location.pathname });
     }
   }, [location, confirmTracking, reactGa]);
 

diff --git a/src/index.js b/src/index.js
@@ -25,7 +25,7 @@ export default (config) => {
     privacy_url: '/privacy',
     ...(config.settings.DSGVOBanner || {}),
   };
-  config.settings.loadables['reactGa'] = loadable.lib(() => import('react-ga'));
+  config.settings.loadables['reactGa'] = loadable.lib(() => import('react-ga4'));
   config.settings.loadables['matomoTracker'] = loadable.lib(() =>
     import('@datapunt/matomo-tracker-js'),
   );