ga: use @next/third-parties/google for Google Analytics

No need to manually log pageview events (Enhanced Measurements is enabled).
flsilva · Feb 27, 2024 · 104e57b · 104e57b
1 parent 5c18a6d
commit 104e57b
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 76 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -45,6 +45,7 @@
     "@mdx-js/loader": "3.0.0",
     "@mdx-js/react": "3.0.0",
     "@next/mdx": "14.1.0",
+    "@next/third-parties": "14.1.0",
     "@tailwindcss/forms": "0.5.7",
     "@tailwindcss/typography": "0.5.10",
     "autoprefixer": "10.4.17",

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,8 +1,7 @@
 import './globals.css';
-import { Suspense } from 'react';
 import type { Metadata, Viewport } from 'next';
 import { Inter } from 'next/font/google';
-import { GaNextScriptNavigation } from '@/features/shared/routing/GoogleAnalytics';
+import { GoogleAnalytics } from '@next/third-parties/google';
 import { InstallPwaProvider } from '@/features/shared/ui/pwa/InstallPwaProvider';
 
 export const viewport: Viewport = {
@@ -149,9 +148,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
     <html lang="en" className="h-full antialiased">
       <body className={`${inter.className} flex flex-col h-full`}>
         <InstallPwaProvider>{children}</InstallPwaProvider>
-        <Suspense>
-          <GaNextScriptNavigation gaId="G-C6TYTB01NE" />
-        </Suspense>
+        <GoogleAnalytics gaId="G-C6TYTB01NE" />
       </body>
     </html>
   );

diff --git a/src/features/shared/routing/GoogleAnalytics.tsx b/src/features/shared/routing/GoogleAnalytics.tsx