feat: google analytics (#68)

* feat(wip): gtag * chore: rm tool-versions
flipt-io · Sep 15, 2023 · 4377909 · 4377909
1 parent 541fba4
commit 4377909
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 0 deletions.
diff --git a/docs/site/.gitignore b/docs/site/.gitignore
@@ -1,2 +1,3 @@
 .next/
 node_modules/
+.envrc
diff --git a/docs/site/lib/gtag.js b/docs/site/lib/gtag.js
@@ -0,0 +1,15 @@
+export const GA_TRACKING_ID = process.env.NEXT_PUBLIC_GA_ID;
+
+export const pageview = (url) => {
+  window.gtag("config", GA_TRACKING_ID, {
+    page_path: url,
+  });
+};
+
+export const event = ({ action, category, label, value }) => {
+  window.gtag("event", action, {
+    event_category: category,
+    event_label: label,
+    value: value,
+  });
+};
diff --git a/docs/site/pages/_app.mdx b/docs/site/pages/_app.mdx
@@ -0,0 +1,44 @@
+import Head from "next/head";
+import Script from 'next/script'
+import { useEffect } from "react";
+import { useRouter } from "next/router";
+import * as gtag from "../lib/gtag";
+
+export default function App({ Component, pageProps }) {
+  const router = useRouter();
+  useEffect(() => {
+    const handleRouteChange = (url) => {
+      gtag.pageview(url);
+    };
+    router.events.on("routeChangeComplete", handleRouteChange);
+    return () => {
+      router.events.off("routeChangeComplete", handleRouteChange);
+    };
+  }, [router.events]);
+
+return (
+
+<>
+  <Head>
+    <script
+      dangerouslySetInnerHTML={{
+        __html: `
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+          gtag('config', '${gtag.GA_TRACKING_ID}', {
+            page_path: window.location.pathname,
+          });
+        `,
+      }}
+    />
+  </Head>
+  {/* Global Site Tag (gtag.js) - Google Analytics */}
+  <Script
+    strategy="afterInteractive"
+    src={`https://www.googletagmanager.com/gtag/js?id=${gtag.GA_TRACKING_ID}`}
+  />
+  <Component {...pageProps} />
+</>
+);
+}