fix: apply ga4

Author: velopert

public/index.html

@@ -29,14 +29,14 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125599395-1"></script>
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-8D0MD2S4PK"></script>
     <script>
       window.dataLayer = window.dataLayer || [];
       function gtag(){dataLayer.push(arguments);}
       gtag('js', new Date());
 
-      gtag('config', 'UA-125599395-1');
+      gtag('config', 'G-8D0MD2S4PK');
     </script>
 
 

src/containers/base/Core.tsx

@@ -31,7 +31,7 @@ const Core: React.FC<CoreProps> = ({ layer }) => {
       // adds setTimeout for page title sync
       // is there any better solution?
       setTimeout(() => {
-        gtag('config', 'UA-125599395-1', {
+        gtag('config', 'G-8D0MD2S4PK', {
           page_path: location.pathname + location.search,
         });
       }, 1000);

src/server/Html.tsx

@@ -79,15 +79,15 @@ function Html({
         ></script>
         <script
           async
-          src="https://www.googletagmanager.com/gtag/js?id=%3Cspan%20class="x x-first x-last">UA-125599395-1"
+          src="https://www.googletagmanager.com/gtag/js?id=%3Cspan%20class="x x-first x-last">G-8D0MD2S4PK"
         ></script>
         <script
           dangerouslySetInnerHTML={{
             __html: `window.dataLayer = window.dataLayer || [];
-          function gtag(){dataLayer.push(arguments);}
-          gtag('js', new Date());
-        
-          gtag('config', 'UA-125599395-1');`,
+            function gtag(){dataLayer.push(arguments);}
+            gtag('js', new Date());
+          
+            gtag('config', 'G-8D0MD2S4PK');`,
           }}
         ></script>
       </head>