Migrate to GA4

Universal Analytics has been shut down

Author: blenderskool

README.md

@@ -140,8 +140,8 @@ Blaze app can now be accessed at port `8080` :tada:
 ## Privacy and Analytics
 - Blaze server does not track or record the files that are being shared both by WebSockets and WebTorrent.
 - Any user related data like nickname, room names are always stored on device, and are only shared with the server when the user joins a room for file sharing.
-- Blaze client uses Google Analytics to record the following:
-  - [Basic visit data](https://developers.google.com/analytics/devguides/collection/analyticsjs#what_data_does_the_google_analytics_tag_capture) as recorded by [Google Analytics](https://support.google.com/analytics/answer/6004245?ref_topic=2919631)
+- Blaze client uses Google Analytics 4 to record the following:
+  - Part of [Basic visit data](https://support.google.com/analytics/answer/9234069?hl=en) - page views, scrolls and outbound clicks, rest are disabled.
   - If Blaze PWA is installed on the device, and whether files are shared using share targets.
 
 ## Contributing

client/src/routes/App/layouts/AppLanding/AppLanding.js

@@ -1,6 +1,6 @@
 import { h } from 'preact';
 import { memo } from 'preact/compat';
-import { ArrowDownCircle, Gift, Grid, PieChart, Settings } from 'preact-feather';
+import { ArrowDownCircle, Gift, Grid, Settings } from 'preact-feather';
 import { Link } from 'preact-router/match';
 import { useContext } from 'preact/hooks';
 import { PWAInstall } from '../../contexts/PWAInstall';
@@ -36,9 +36,7 @@ function AppLanding({ children, title, subtitle }) {
     deferredPrompt.prompt();
     const { outcome } = await deferredPrompt.userChoice;
 
-    window.ga('send', 'event', {
-      eventCategory: 'pwa-install',
-      eventAction: 'promo-shown',
+    window.gtag('event', 'pwa-install-prompt', {
       outcome,
     });
   };

client/src/template.html

@@ -35,13 +35,13 @@
     <meta name="msapplication-TileColor" content="#0D1322" />
     <meta name="msapplication-TileImage" content="/assets/images/mstile-144x144.png" />
 
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-K0HSN5M77L"></script>
     <script>
-      window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
-      ga('create', 'UA-82138003-3', 'auto');
-      ga('set', 'transport', 'beacon');
-      ga('send', 'pageview');
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', 'G-K0HSN5M77L');
     </script>
-    <script async src='https://www.google-analytics.com/analytics.js'></script>
 
 
     <% preact.headEnd %>