diff --git a/package-lock.json b/package-lock.json index d049530d..6f780704 100644 --- a/package-lock.json +++ b/package-lock.json @@ -21,7 +21,7 @@ "react-copy-to-clipboard": "^5.0.3", "react-countdown": "^2.3.1", "react-dom": "^16.13.1", - "react-ga": "^2.7.0", + "react-ga4": "^1.4.1", "react-i18next": "^11.8.6", "react-mailchimp-subscribe": "^2.1.0", "react-multi-carousel": "^2.8.0", @@ -14676,10 +14676,10 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz", "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew==" }, - "node_modules/react-ga": { - "version": "2.7.0", - "resolved": "https://registry.npmjs.org/react-ga/-/react-ga-2.7.0.tgz", - "integrity": "sha512-AjC7UOZMvygrWTc2hKxTDvlMXEtbmA0IgJjmkhgmQQ3RkXrWR11xEagLGFGaNyaPnmg24oaIiaNPnEoftUhfXA==" + "node_modules/react-ga4": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/react-ga4/-/react-ga4-1.4.1.tgz", + "integrity": "sha512-ioBMEIxd4ePw4YtaloTUgqhQGqz5ebDdC4slEpLgy2sLx1LuZBC9iYCwDymTXzcntw6K1dHX183ulP32nNdG7w==" }, "node_modules/react-i18next": { "version": "11.10.0", @@ -31910,10 +31910,10 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz", "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew==" }, - "react-ga": { - "version": "2.7.0", - "resolved": "https://registry.npmjs.org/react-ga/-/react-ga-2.7.0.tgz", - "integrity": "sha512-AjC7UOZMvygrWTc2hKxTDvlMXEtbmA0IgJjmkhgmQQ3RkXrWR11xEagLGFGaNyaPnmg24oaIiaNPnEoftUhfXA==" + "react-ga4": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/react-ga4/-/react-ga4-1.4.1.tgz", + "integrity": "sha512-ioBMEIxd4ePw4YtaloTUgqhQGqz5ebDdC4slEpLgy2sLx1LuZBC9iYCwDymTXzcntw6K1dHX183ulP32nNdG7w==" }, "react-i18next": { "version": "11.10.0", diff --git a/package.json b/package.json index b30722ed..d21ee58d 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,7 @@ "react-copy-to-clipboard": "^5.0.3", "react-countdown": "^2.3.1", "react-dom": "^16.13.1", - "react-ga": "^2.7.0", + "react-ga4": "^1.4.1", "react-i18next": "^11.8.6", "react-mailchimp-subscribe": "^2.1.0", "react-multi-carousel": "^2.8.0", diff --git a/src/App.js b/src/App.js index 32d36127..d479cd4b 100644 --- a/src/App.js +++ b/src/App.js @@ -1,7 +1,7 @@ import React, { useEffect } from 'react'; import { useLocation, Switch } from 'react-router-dom'; import AppRoute from './utils/AppRoute'; -import ReactGA from 'react-ga'; +import ReactGA from 'react-ga4'; import LayoutDefault from './layouts/LayoutDefault'; import AOS from 'aos'; import 'aos/dist/aos.css'; @@ -15,8 +15,8 @@ import Summary from "./views/Summary"; ReactGA.initialize(process.env.REACT_APP_GA_ID); const trackPage = page => { - ReactGA.set({ page }); - ReactGA.pageview(page); + ReactGA.set({ page }); + ReactGA.send(page); }; const App = () => { diff --git a/src/Containers/Homepage/XPRTEcosystem.js b/src/Containers/Homepage/XPRTEcosystem.js index 7beb7cac..e66151d8 100644 --- a/src/Containers/Homepage/XPRTEcosystem.js +++ b/src/Containers/Homepage/XPRTEcosystem.js @@ -9,7 +9,7 @@ import { PERSISTENCEONE_TELEGRAM_URL, PERSISTENCEONE_TWITTER_URL, PERSISTENCEONE_YOUTUBE_URL } from "../../constants/config"; -import ReactGa from "react-ga"; +import ReactGa from "react-ga4"; const socialList = [ { url: PERSISTENCEONE_TWITTER_URL, diff --git a/src/components/layout/Footer/index.js b/src/components/layout/Footer/index.js index d13fd00d..9d8a9af2 100644 --- a/src/components/layout/Footer/index.js +++ b/src/components/layout/Footer/index.js @@ -1,7 +1,7 @@ import React from 'react'; import icon from '../../../assets/images1/persistencefooterlogo.svg' import Mailchimp from "./MailChimp"; -import ReactGa from 'react-ga'; +import ReactGa from 'react-ga4'; import Icon from "../../Icon"; import { useTranslation } from "react-i18next"; import { diff --git a/src/components/layout/Header.js b/src/components/layout/Header.js index 512e7e0c..b0e03d74 100644 --- a/src/components/layout/Header.js +++ b/src/components/layout/Header.js @@ -14,7 +14,7 @@ import { PERSISTENCEONE_REDDIT_URL } from "../../constants/config"; -import ReactGa from "react-ga"; +import ReactGa from "react-ga4"; const socialList = [ { diff --git a/src/index.js b/src/index.js index 6d4fe548..0a7fb36d 100644 --- a/src/index.js +++ b/src/index.js @@ -4,7 +4,7 @@ import { Router } from "react-router-dom"; import { createBrowserHistory } from "history"; import './components/Internationalization/i18n' import App from './App'; -import ReactGa from 'react-ga'; +import ReactGa from 'react-ga4'; import * as serviceWorker from './serviceWorker'; //import './App.css';