manually add GA to index GRRR

cloudcraftsoftwareinc · Feb 6, 2024 · 12d47d9 · 12d47d9
1 parent 4449099
commit 12d47d9
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 24 deletions.
diff --git a/src/analytics/GoogleAnalytics.tsx b/src/analytics/GoogleAnalytics.tsx
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -1,20 +1,34 @@
 import Document, { Head, Html, Main, NextScript } from 'next/document';
+import Script from 'next/script';
 
-import { GoogleAnalytics } from '../analytics/GoogleAnalytics';
 import { AppConfig } from '../utils/AppConfig';
 
+const gtmId = 'G-NV5LK0T9C1';
+
 // Need to create a custom _document because i18n support is not compatible with `next export`.
 class MyDocument extends Document {
   // eslint-disable-next-line class-methods-use-this
   render() {
     return (
       <Html lang={AppConfig.locale}>
-        <Head></Head>
+        <Head>
+          <Script
+            src={`https://www.googletagmanager.com/gtag/js?id=${gtmId}`}
+          />
+          <Script id="google-analytics" strategy="afterInteractive">
+            {`
+              window.dataLayer = window.dataLayer || [];
+              function gtag(){window.dataLayer.push(arguments);}
+              gtag('js', new Date());
+
+              gtag('config', '${gtmId}');
+            `}
+          </Script>
+        </Head>
         <body className="testing">
           <Main />
           <NextScript />
         </body>
-        <GoogleAnalytics />
       </Html>
     );
   }