feat: add google analytics

Dun-sin · Jul 13, 2024 · 58396be · 58396be
1 parent 81cf6d4
commit 58396be
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -30,6 +30,7 @@
 		"nsfwjs": "^2.4.2",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
+		"react-ga4": "^2.1.0",
 		"react-icons": "^4.10.1",
 		"react-loading-icons": "^1.1.0",
 		"react-router-dom": "^6.15.0",

diff --git a/client/src/App.jsx b/client/src/App.jsx
@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react';
 import { Navigate, Route, Routes } from 'react-router-dom';
 
 import { KindeProvider } from '@kinde-oss/kinde-auth-react';
+import ReactGA from 'react-ga4';
 
 // Store
 import { useAuth } from 'context/AuthContext';
@@ -26,6 +27,8 @@ import useIsTabActive from './hooks/useIsTabActive';
 const clientID = import.meta.env.VITE_IMPORTANT;
 
 function App() {
+	ReactGA.initialize('G-HL8CN4JFXN');
+
 	const { isLoggedIn, dispatchAuth } = useAuth();
 	const { loadUserSettings, updateOnlineStatus, app } = useApp();