Fix google analytics loading

2026-05-01 18:00:26 +00:00 · 2022-02-12 18:18:51 +01:00
parent 56cbb0008d
commit b6d7feccc1
2 changed files with 40 additions and 25 deletions
@@ -1,6 +1,10 @@
-import Document, { DocumentContext } from 'next/document';
+import Document, { DocumentContext, Html, Head, Main, NextScript } from 'next/document';
+import Script from 'next/script';
+
 import { ServerStyleSheet } from 'styled-components';

+import { GOOGLE_ANALYTICS_KEY } from '../utils/gtag';
+
 class Doc extends Document {
 	static async getInitialProps(ctx: DocumentContext) {
 		const sheet = new ServerStyleSheet();
@@ -26,6 +30,41 @@ class Doc extends Document {
 			sheet.seal();
 		}
 	}
+
+	render() {
+		return (
+			<Html>
+				<Head>
+					<Script
+						strategy='afterInteractive'
+						src={`https://www.googletagmanager.com/gtag/js?id=${GOOGLE_ANALYTICS_KEY}`}
+					/>
+					<Script
+						id='google-analytics'
+						strategy='afterInteractive'
+						dangerouslySetInnerHTML={{
+							__html: `
+						window.dataLayer = window.dataLayer || [];
+						
+						function gtag() {
+							dataLayer.push(arguments);
+						}
+						
+						gtag('js', new Date());
+						gtag('config', ${GOOGLE_ANALYTICS_KEY}, {
+              page_path: window.location.pathname,
+            });
+					`
+						}}
+					/>
+				</Head>
+				<body>
+					<Main />
+					<NextScript />
+				</body>
+			</Html>
+		);
+	}
 }

 export default Doc;