feat: connect google analytics

clashperk · Oct 25, 2024 · 2e6209b · 2e6209b
1 parent 1cbb9d7
commit 2e6209b
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 0 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -2,6 +2,7 @@ import { authCookieKey, authenticatedPathRegex } from '@/lib/constants';
 import theme from '@/util/theme';
 import { AppRouterCacheProvider } from '@mui/material-nextjs/v13-appRouter';
 import { ThemeProvider } from '@mui/material/styles';
+import { GoogleAnalytics } from '@next/third-parties/google';
 import type { Metadata, Viewport } from 'next';
 import { Kanit } from 'next/font/google';
 import { cookies, headers } from 'next/headers';
@@ -78,6 +79,8 @@ export default async function RootLayout({
         ))} */}
       </head>
 
+      <GoogleAnalytics gaId="G-HGSPH1S4Y1" />
+
       <body className={inter.className}>
         <Toaster
           position="top-center"

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,6 +18,7 @@
     "@mui/material-nextjs": "^5.16.6",
     "@mui/x-charts": "^7.12.1",
     "@mui/x-date-pickers": "^7.12.0",
+    "@next/third-parties": "^15.0.1",
     "@types/moment-duration-format": "^2.2.6",
     "chart.js": "^4.4.5",
     "chartjs-adapter-moment": "^1.0.1",