📈 nltx: integrate google analytics by @next/third-parties

Bear29ers · Jul 4, 2024 · 8a70cd7 · 8a70cd7
1 parent 3ca25a8
commit 8a70cd7
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 50 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -20,6 +20,7 @@
     "prepare": "husky"
   },
   "dependencies": {
+    "@next/third-parties": "^14.2.4",
     "@popmotion/popcorn": "^0.4.4",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.1",

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react';
 
-import Menu from '@/components/common/Menu/Menu';
+import { GoogleAnalytics } from '@next/third-parties/google';
 
-import GoogleAnalytics from '@/libs/ga/GoogleAnalytics';
+import Menu from '@/components/common/Menu/Menu';
 
 import { montserrat } from '@/styles/fonts';
 
@@ -23,13 +23,11 @@ const RootLayout = ({
 }>) => {
   return (
     <html lang="en">
-      <head>
-        <GoogleAnalytics />
-      </head>
       <body
         className={`${montserrat.variable} relative size-full overscroll-y-none bg-dark bg-noise-pattern bg-auto bg-center bg-repeat font-mont`}>
         <Menu />
         {children}
+        <GoogleAnalytics gaId={process.env.GA_ID ?? ''} />
       </body>
     </html>
   );

diff --git a/src/libs/ga/GoogleAnalytics.tsx b/src/libs/ga/GoogleAnalytics.tsx
diff --git a/src/libs/ga/gtag.ts b/src/libs/ga/gtag.ts