Add Google Analytics

ishuah · Aug 15, 2024 · d82174f · d82174f
1 parent 0631fef
commit d82174f
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,6 +21,7 @@
     "polished": "^4.1.4",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-ga4": "^2.1.0",
     "react-scripts": "^5.0.0",
     "recoil": "^0.7.6",
     "styled-components": "^5.3.3",

diff --git a/src/pages/App.tsx b/src/pages/App.tsx
@@ -10,6 +10,7 @@ import {
   Paragraph,
 } from 'grommet';
 import { useRecoilState } from 'recoil';
+import ReactGA from 'react-ga4';
 
 import DataInputStep from '../components/DataInputStep';
 import MapDetailStep from '../components/MapDetailStep';
@@ -32,6 +33,7 @@ const CustomTheme = {
 };
 
 function App() {
+  ReactGA.initialize('G-JB6NTGXKG0');
   const [appState, setAppState] = useRecoilState<AppState>(recoilState);
   const [smallScreenNotify, setSmallScreenNotify] = useState<boolean>(true);