v3.3/add-Google-Analytics

GodHermit · Aug 2, 2024 · f697977 · f697977
1 parent 6352d79
commit f697977
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 25 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -19,6 +19,7 @@
     "@cloudinary/url-gen": "^1.10.0",
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
+    "@next/third-parties": "^14.2.5",
     "@types/node": "18.15.11",
     "@types/react": "18.0.35",
     "@types/react-dom": "18.0.11",
@@ -27,7 +28,6 @@
     "framer-motion": "^10.18.0",
     "gts": "^5.3.1",
     "next": "^13.5.6",
-    "nextjs-google-analytics": "^2.3.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "typescript": "5.0.4"

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,5 +1,6 @@
 import { Providers } from './providers';
 import variables from '@/theme/variables.module.scss';
+import { GoogleAnalytics } from '@next/third-parties/google';
 
 export const metadata = {
   title: 'Oleh Proidakov',
@@ -43,6 +44,7 @@ export default function RootLayout({
     <html lang="en">
       <head />
       <body>
+        <GoogleAnalytics gaId="G-3K2LVX6MD1" />
         <Providers>{children}</Providers>
       </body>
     </html>

diff --git a/src/app/providers.tsx b/src/app/providers.tsx
@@ -2,12 +2,10 @@
 
 import { ChakraProvider } from '@chakra-ui/react';
 import theme from '@/theme';
-import { GoogleAnalytics } from 'nextjs-google-analytics';
 
 export function Providers({ children }: { children: React.ReactNode }) {
   return (
     <>
-      <GoogleAnalytics trackPageViews />
       <ChakraProvider theme={theme}>{children}</ChakraProvider>
     </>
   );