chore: replace gtag implementation w/ next.js (#49)

laurelin60 · Apr 3, 2024 · 9a4037d · 9a4037d
1 parent a219378
commit 9a4037d
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 43 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,9 +1,10 @@
+import { GoogleAnalytics } from "@next/third-parties/google";
+
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
 import Header from "@/components/Header";
 import Footer from "@/components/Footer";
-import GoogleAnalytics from "@/components/GoogleAnalytics";
 import { Toaster } from "@/components/ui/toaster";
 
 const inter = Inter({ subsets: ["latin"], fallback: ["sans-serif"] });
@@ -41,7 +42,7 @@ export default function RootLayout({
             <body className={inter.className}>
                 <div className="flex flex-col place-content-center bg-background text-text">
                     <Header />
-                    <GoogleAnalytics />
+                    <GoogleAnalytics gaId="G-PMNW29ZB3Y" />
                     {children}
                     <Footer />
                     <Toaster />

diff --git a/components/GoogleAnalytics.tsx b/components/GoogleAnalytics.tsx
diff --git a/lib/gtag.ts b/lib/gtag.ts
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
         "test:watch": "jest --watch"
     },
     "dependencies": {
+        "@next/third-parties": "^14.1.4",
         "@radix-ui/react-popover": "^1.0.7",
         "@radix-ui/react-select": "^2.0.0",
         "@radix-ui/react-slot": "^1.0.2",