[_document.tsx][m]: configure nextjs root file (_document.tsx), inorder to include gtag.

2020-11-30 13:26:33 +01:00 · 2020-11-30 13:26:33 +01:00 · f2c9a1058c
commit f2c9a1058c
parent bc9d357621
1 changed files with 34 additions and 0 deletions
--- a/packages/portal/pages/_document.tsx
+++ b/packages/portal/pages/_document.tsx
@ -0,0 +1,34 @@
+import Document, { Html, Head, Main, NextScript } from 'next/document';
+
+const GA_TRACKING_ID = 'G-NX72GYFHFS';
+export default class CustomDocument extends Document {
+  render() {
+    return (
+      <Html>
+        <Head>
+          <script
+            async
+            src="https://www.googletagmanager.com/gtag/js?id=G-NX72GYFHFS"
+          />
+          <script
+            dangerouslySetInnerHTML={{
+              __html: `
+              window.dataLayer = window.dataLayer || [];
+              function gtag(){dataLayer.push(arguments);}
+              gtag('js', new Date());
+
+              gtag('config', '${GA_TRACKING_ID}',{
+                page_path: window.location.pathname,
+              });
+            `,
+            }}
+          />
+        </Head>
+        <body>
+          <Main />
+        </body>
+        <NextScript />
+      </Html>
+    );
+  }
+}