Add google analytics

Rikthepixel · Rikthepixel · commit 1ee55ea9ee51 · 2023-03-21T13:15:00.000+01:00
diff --git a/example.env b/example.env
@@ -1 +1,2 @@
-NEXT_PUBLIC_BACKEND_URL=https://backend.commitrocket.com
+NEXT_PUBLIC_BACKEND_URL=https://backend.commitrocket.com
+NEXT_PUBLIC_GOOGLE_ANALYTICS_TAG_ID= [[ SOME GOOGLE ANALYTICS TAG ID]]
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
     "class-variance-authority": "^0.4.0",
     "framer-motion": "^9.1.7",
     "next": "13.2.4",
+    "nextjs-google-analytics": "^2.3.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hook-form": "^7.43.5",
@@ -36,4 +37,4 @@
     "postcss": "^8.4.21",
     "tailwindcss": "^3.2.7"
   }
-}
+}
diff --git a/src/components/analytics/GoogleAnalytics.tsx b/src/components/analytics/GoogleAnalytics.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+import { GoogleAnalytics as NextGoogleAnalytics } from "nextjs-google-analytics";
+
+export type GoogleAnalyticsProps = Parameters<typeof NextGoogleAnalytics>[0];
+export const DEFAULT_CONFIG: GoogleAnalyticsProps = {
+  gaMeasurementId: process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_TAG_ID,
+  strategy: "lazyOnload",
+  trackPageViews: {
+    ignoreHashChange: true
+  }
+};
+
+const GoogleAnalytics = () => (
+  <>
+    {process.env.NODE_ENV !== "development" && <NextGoogleAnalytics {...DEFAULT_CONFIG} />}
+  </>
+);
+
+export default React.memo(GoogleAnalytics);
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -6,6 +6,7 @@ import Head from "next/head";
 
 import Header from "@/components/navigation/Header";
 import Footer from "@/components/navigation/Footer";
+import GoogleAnalytics from "@/components/analytics/GoogleAnalytics";
 
 import '@/styles/main.css';
 
@@ -49,6 +50,7 @@ export default function App({ Component, pageProps, router }: AppProps) {
       <Head>
         <title>Commit Rocket</title>
       </Head>
+      <GoogleAnalytics />
       <div className={"flex flex-col overflow-auto scroll-smooth scroll-p-4 " + openSans.variable}>
         <Header />
         <AnimatePresence mode="wait">

Original file line number	Diff line number	Diff line change
`@@ -1 +1,2 @@`
`1`		`-NEXT_PUBLIC_BACKEND_URL=https://backend.commitrocket.com`
	`1`	`+NEXT_PUBLIC_BACKEND_URL=https://backend.commitrocket.com`
	`2`	`+NEXT_PUBLIC_GOOGLE_ANALYTICS_TAG_ID= [[ SOME GOOGLE ANALYTICS TAG ID]]`