switch from UA to GA4 project (#1103)

Simek · web-flow · commit 9ff2510915ba · 2024-01-08T10:22:43.000+01:00
diff --git a/components/GoogleAnalytics.tsx b/components/GoogleAnalytics.tsx
@@ -1,16 +1,17 @@
 const getAnalyticsScript = (id: string) => {
   return `
-(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-ga('create', '${id}', {cookieDomain: 'auto', siteSpeedSampleRate: 100});
-ga('send', 'pageview');
+window.dataLayer = window.dataLayer || [];
+function gtag(){dataLayer.push(arguments);}
+gtag('js', new Date());
+gtag('config', '${id}');
 `.replace(/\n/g, '');
 };
 
 const GoogleAnalytics = ({ id }) => (
-  <script dangerouslySetInnerHTML={{ __html: getAnalyticsScript(id) }} />
+  <>
+    <script async src={`https://www.googletagmanager.com/gtag/js?id=${id}`} />
+    <script dangerouslySetInnerHTML={{ __html: getAnalyticsScript(id) }} />
+  </>
 );
 
 export default GoogleAnalytics;
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -11,7 +11,7 @@ class DirectoryWebsite extends Document {
   render = () => (
     <Html lang="en">
       <Head>
-        <GoogleAnalytics id="UA-107832480-1" />
+        <GoogleAnalytics id="G-T0F1XSEWES" />
       </Head>
       <body>
         <Main />
