Fix google analytics tracking

2026-05-01 18:00:26 +00:00 · 2022-02-17 13:03:17 +01:00
parent 08a003c2f0
commit 91773aac01
3 changed files with 13 additions and 12 deletions
@@ -15,6 +15,7 @@ import Footer from '../components/Footer';
 import NProgress from 'nprogress';
 import 'nprogress/nprogress.css';

+import { pageview } from '../utils/gtag';
 import { initStyles } from '../utils/styles';

 NProgress.configure({ showSpinner: false });
@@ -27,14 +28,21 @@ const App = ({ Component, pageProps }: AppProps) => {
 			NProgress.start();
 		});

-		router.events.on('routeChangeComplete', () => {
+		router.events.on('routeChangeComplete', url => {
 			NProgress.done();
+			pageview(url);
 		});

 		router.events.on('routeChangeError', () => {
 			NProgress.done();
 		});
-	}, []);
+
+		return () => {
+			router.events.off('routeChangeComplete', url => {
+				pageview(url);
+			});
+		};
+	}, [router.events]);

 	return (
 		<>
@@ -1,5 +1,4 @@
 import Document, { DocumentContext, Html, Head, Main, NextScript } from 'next/document';
-import Script from 'next/script';

 import { ServerStyleSheet } from 'styled-components';

@@ -36,13 +35,9 @@ class Doc extends Document {
 		return (
 			<Html>
 				<Head>
-					<Script
-						strategy='afterInteractive'
-						src={`https://www.googletagmanager.com/gtag/js?id=${GOOGLE_ANALYTICS_KEY}`}
-					/>
-					<Script
-						id='google-analytics'
-						strategy='afterInteractive'
+					<script src={`https://www.googletagmanager.com/gtag/js?id=${GOOGLE_ANALYTICS_KEY}`} />
+					<script
+						id='analytics-init'
 						dangerouslySetInnerHTML={{
 							__html: initAnalytics()
 						}}