feat: Add Google Tag Manager for tracking page views

Vette1123 · Sep 23, 2024 · 688432c · 688432c
1 parent b415cc8
commit 688432c
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -3,6 +3,7 @@ import '@/styles/globals.css'
 import type { Metadata } from 'next'
 import { QueryProvider } from '@/providers/query-provider'
 import { ToastProvider } from '@/providers/toast-provider'
+import { GoogleTagManager } from '@next/third-parties/google'
 import { Analytics } from '@vercel/analytics/react'
 
 import { siteConfig } from '@/config/site'
@@ -96,6 +97,7 @@ export default function RootLayout({ children, modal }: RootLayoutProps) {
               <ToastProvider />
               <Analytics mode="production" />
               <Footer />
+              <GoogleTagManager gtmId={process.env.GTM_ID as string} />
               {modal && modal}
             </div>
           </div>

diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
     "prettier:check": "prettier --check ."
   },
   "dependencies": {
+    "@next/third-parties": "^14.2.13",
     "@radix-ui/react-alert-dialog": "^1.1.1",
     "@radix-ui/react-avatar": "^1.1.0",
     "@radix-ui/react-dialog": "^1.1.1",