From 3b938265d4c8d9645d30023e0735a99468d25860 Mon Sep 17 00:00:00 2001
From: Mohammed Rabay'a <rabaya.moe@gmail.com>
Date: Sat, 13 Apr 2024 22:09:53 +0200
Subject: [PATCH] feat: Add google analytics

---
 pages/_app.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/pages/_app.tsx b/pages/_app.tsx
index d7ffb4b..f13b100 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -7,12 +7,28 @@ import Cookies from "universal-cookie";
 import consts from "consts";
 import ThemeProvider from "templates/ThemeProvider";
 import { getProjects } from "pages";
+import Script from "next/script";
 // prevent TypeScript errors on the css prop on arbitrary elements
 // import {} from 'styled-components/cssprop'
 
 function MyApp({ Component, pageProps }: AppProps) {
   return (
     <ThemeProvider {...pageProps}>
+      <Script
+        async
+        onError={(e: Error) => {
+          console.error("Script failed to load", e);
+        }}
+        src="https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_ANALYTICS_ID}"
+      />
+      <Script id="gtag-init" strategy="afterInteractive">
+        {`window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', '${process.env.NEXT_PUBLIC_ANALYTICS_ID}');
+        `}
+      </Script>
       <Layout pageProps={pageProps}>
         <Component {...pageProps} />
       </Layout>