docs - ga4

Author: andrewjschuang

docs-v2/components/GA4.tsx

@@ -0,0 +1,24 @@
+import Script from "next/script";
+
+export default function GA4() {
+  return (
+    <>
+      <Script
+        src="https://www.googletagmanager.com/gtag/js?id=AW-770996949"
+        strategy="lazyOnload"
+      />
+
+      <Script id="gtag-init" strategy="lazyOnload">
+        {
+          `
+            window.dataLayer = window.dataLayer || [];
+            function gtag(){dataLayer.push(arguments);}
+            gtag('js', new Date());
+
+            gtag('config', 'AW-770996949');
+          `
+        }
+      </Script>
+    </>
+  );
+}

docs-v2/pages/_app.tsx

@@ -4,6 +4,7 @@ import { Analytics } from "@vercel/analytics/next";
 import { useRouter } from "next/router";
 
 import CR from "@/components/CR";
+import GA4 from "@/components/GA4";
 import RB2B from "@/components/RB2B";
 import Vector from "@/components/Vector";
 import VectorConnect from "@/components/VectorConnect";
@@ -15,7 +16,12 @@ export default function MyApp({
 
   let script = null;
   if (router.pathname === "/") {
-    script = <Vector />;
+    script = (
+      <>
+        <GA4 />
+        <Vector />
+      </>
+    );
   } else if (router.pathname.startsWith("/connect")) {
     script = (
       <>