build: add matomo code directly to index.html

hotosm · May 29, 2024 · 760d115 · 760d115
1 parent 2578533
commit 760d115
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 27 deletions.
diff --git a/src/frontend/index.html b/src/frontend/index.html
@@ -16,6 +16,35 @@
     <link rel="icon" href="/favicon.ico" sizes="48x48" />
     <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml" />
     <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" />
+
+    <!-- Matomo -->
+    <script type="text/javascript">
+      if (window.location.hostname === 'fmtm.hotosm.org') {
+        console.log('Adding Matomo tracking to fmtm.hotosm.org');
+
+        var _paq = (window._paq = window._paq || []);
+        /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+        _paq.push(['requireConsent']);
+        _paq.push(['setDomains', ['fmtm.hotosm.org']]);
+        _paq.push(['trackPageView']);
+        _paq.push(['enableLinkTracking']); // Tracks downloads
+        _paq.push(['trackVisibleContentImpressions']); // Tracks content blocks
+        (function () {
+          var u = '//matomo.hotosm.org/';
+          _paq.push(['setTrackerUrl', u + 'matomo.php']);
+          _paq.push(['setSiteId', '28']);
+          var d = document,
+            g = d.createElement('script'),
+            s = d.getElementsByTagName('script')[0];
+          g.async = true;
+          g.src = u + 'matomo.js';
+          s.parentNode.insertBefore(g, s);
+        })();
+      } else {
+        console.log('Matomo tracking disabled: Not on fmtm.hotosm.org domain.');
+      }
+    </script>
+    <!-- End Matomo Code -->
   </head>
 
   <body>

diff --git a/src/frontend/src/main.tsx b/src/frontend/src/main.tsx
@@ -74,33 +74,6 @@ axios.interceptors.request.use(
   });
 })();
 
-(function matomoTrackingInit() {
-  // Immediately invoked function to enable Matomo tracking
-  if (import.meta.env.MODE === 'development' || window.location.hostname !== 'fmtm.hotosm.org') {
-    return;
-  }
-  console.log('Adding Matomo');
-
-  var _paq = (window._paq = window._paq || []);
-  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-  _paq.push(['requireConsent']);
-  _paq.push(['setDomains', ['fmtm.hotosm.org']]);
-  _paq.push(['trackPageView']);
-  _paq.push(['enableLinkTracking']); // Tracks downloads
-  _paq.push(['trackVisibleContentImpressions']); // Tracks content blocks
-  (function () {
-    var u = '//matomo.hotosm.org/';
-    _paq.push(['setTrackerUrl', u + 'matomo.php']);
-    _paq.push(['setSiteId', environment.matomoTrackingId]);
-    var d = document,
-      g = d.createElement('script'),
-      s = d.getElementsByTagName('script')[0];
-    g.async = true;
-    g.src = u + 'matomo.js';
-    s.parentNode.insertBefore(g, s);
-  })();
-})();
-
 // React 17 setup
 ReactDOM.render(<App />, document.getElementById('app'));