Merge pull request #248 from UTDNebula/google-analytics

Add Google analytics
UTDNebula · Oct 8, 2024 · 7642291 · 7642291
2 parents a915abd + c284df9
commit 7642291
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/src/components/common/GoogleAnalytics/googleAnalytics.tsx b/src/components/common/GoogleAnalytics/googleAnalytics.tsx
@@ -0,0 +1,26 @@
+import Script from 'next/script';
+import React from 'react';
+
+const GoogleAnalytics = () => {
+  return (
+    <>
+      <Script
+        strategy="lazyOnload"
+        src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_MEASUREMENT_ID}`}
+      />
+
+      <Script id="" strategy="lazyOnload">
+        {`
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+          gtag('config', '${process.env.NEXT_PUBLIC_MEASUREMENT_ID}', {
+          page_path: window.location.pathname,
+          });
+        `}
+      </Script>
+    </>
+  );
+};
+
+export default GoogleAnalytics;
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -14,6 +14,7 @@ import React from 'react';
 
 import FeedbackPopup from '../components/common/FeedbackPopup/feedbackPopup';
 import GitHubButton from '../components/common/GitHubButton/gitHubButton';
+import GoogleAnalytics from '../components/common/GoogleAnalytics/googleAnalytics';
 
 const inter = Inter({
   subsets: ['latin'],
@@ -108,6 +109,7 @@ function MyApp({ Component, pageProps }: AppProps) {
 
   return (
     <>
+      <GoogleAnalytics />
       <Head>
         <title>UTD Trends</title>
         <link