feat: Google Analytics

avuenja · Jul 21, 2022 · ed4ec50 · ed4ec50 · vercel · Jul 21, 2022
1 parent b9a2fc3
commit ed4ec50
Showing 1 changed file with 23 additions and 5 deletions.
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -1,16 +1,34 @@
 import type { AppProps } from 'next/app'
+import Script from 'next/script'
 import { ChakraProvider } from '@chakra-ui/react'
 
 import theme from '@/theme'
 import Layout from '@/components/layout'
 
 const App = ({ Component, pageProps }: AppProps) => {
   return (
-    <ChakraProvider theme={theme}>
-      <Layout>
-        <Component {...pageProps} />
-      </Layout>
-    </ChakraProvider>
+    <>
+      <Script
+        strategy="lazyOnload"
+        src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS}`}
+      />
+      <Script id="g-tag" strategy="lazyOnload">
+        {`
+             window.dataLayer = window.dataLayer || [];
+             function gtag(){dataLayer.push(arguments);}
+             gtag('js', new Date());
+             gtag('config', '${process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS}', {
+             page_path: window.location.pathname,
+             });
+         `}
+      </Script>
+
+      <ChakraProvider theme={theme}>
+        <Layout>
+          <Component {...pageProps} />
+        </Layout>
+      </ChakraProvider>
+    </>
   )
 }