fix: integrate google analytics

asafkorem · Nov 4, 2024 · 5705ff0 · 5705ff0
1 parent e4e34a3
commit 5705ff0
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,6 +13,7 @@
     "serve": "npx serve out"
   },
   "dependencies": {
+    "@next/third-parties": "^15.0.2",
     "@radix-ui/react-select": "^2.1.2",
     "@radix-ui/react-slot": "^1.1.0",
     "class-variance-authority": "^0.7.0",

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,5 +1,6 @@
 import type { Metadata } from "next";
 import localFont from "next/font/local";
+import { GoogleAnalytics } from '@next/third-parties/google'
 import "./globals.css";
 
 const geistSans = localFont({
@@ -14,23 +15,26 @@ const geistMono = localFont({
   weight: "100 900",
 });
 
+const GA_MEASUREMENT_ID = 'G-NFEVN0VVSF';
+
 export const metadata: Metadata = {
   title: "Git Spotlight",
     description: "Spot pain points in your code through git history",
 };
 
 export default function RootLayout({
-  children,
-}: Readonly<{
+                                     children,
+                                   }: Readonly<{
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
+      <html lang="en">
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
-        {children}
+      {children}
       </body>
-    </html>
+      <GoogleAnalytics id={GA_MEASUREMENT_ID} />
+      </html>
   );
 }