Switch to Plausible analytics (#750)

willemarcel · web-flow · commit 77ef6be09dba · 2024-10-23T13:24:29.000+07:00
diff --git a/package.json b/package.json
@@ -32,7 +32,6 @@
     "react-click-outside": "^3.0.1",
     "react-datepicker": "^4.1.1",
     "react-dom": "^16.8.3",
-    "react-ga4": "^2.1.0",
     "react-notification-system": "^0.2.17",
     "react-redux": "^5.0.5",
     "react-router": "^4.1.1",
diff --git a/public/index.html b/public/index.html
@@ -47,9 +47,9 @@
 
 <body>
   <div id="root"></div>
-  <!-- Cloudflare Web Analytics -->
-  <script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "99cb727394cb44ea892fbec7a0244274"}'></script>
-  <!-- End Cloudflare Web Analytics -->
+  <!-- Plausible Web Analytics -->
+  <script defer data-domain="osmcha.org" src="https://plausible.io/js/script.js"></script>
+  <!-- End Plausible Web Analytics -->
 </body>
 
 </html>
diff --git a/src/app.js b/src/app.js
@@ -5,8 +5,6 @@ import { Map } from 'immutable';
 import { isMobile } from './utils';
 import { AppMobile } from './AppMobile';
 import { AppDesktop } from './AppDesktop';
-
-import { gaPageView } from './utils/analytics';
 import { getSearchObj } from './utils/query_params';
 
 export class App extends Component {
@@ -22,13 +20,6 @@ export class App extends Component {
           .keySeq()
           .sort((a, b) => a.localeCompare(b))
           .join(',');
-        gaPageView({
-          page: `/?filters=${filters}`,
-          title: 'Filters',
-          hitType: 'pageview'
-        });
-      } else {
-        gaPageView({ page: '/', title: 'Home', hitType: 'pageview' });
       }
     }
   }
diff --git a/src/index.js b/src/index.js
@@ -3,11 +3,10 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { ConnectedRouter } from 'react-router-redux';
 import { Provider } from 'react-redux';
-import ReactGA from 'react-ga4';
 import Raven from 'raven-js';
 import { history } from './store/history';
 import { store } from './store';
-import { isDev, stack, appVersion } from './config';
+import { isDev, appVersion } from './config';
 import { unregisterServiceWorker } from './serviceworker';
 
 import './assets/index.css';
@@ -17,17 +16,6 @@ import 'react-select/dist/react-select.css';
 
 import { App } from './app';
 
-ReactGA.initialize([
-  {
-    trackingId: 'G-05Y4GLDM03',
-    gaOptions: {
-      anonymizeIp: true,
-      screenResolution: `${window.screen.availWidth}X${window.screen.availHeight}`,
-      appName: stack
-    }
-  }
-]);
-
 if (process.env.NODE_ENV === 'production') {
   Raven.config('https://5637ef87f5794e2fb9e1e5fe9119688d@sentry.io/175926', {
     release: appVersion,
diff --git a/src/utils/analytics.js b/src/utils/analytics.js
diff --git a/src/utils/index.js b/src/utils/index.js
@@ -1,4 +1,3 @@
-export * from './analytics';
 export * from './cmap';
 export * from './component';
 export * from './dispatch_event';
diff --git a/src/views/filters.js b/src/views/filters.js
@@ -15,7 +15,7 @@ import { FiltersHeader } from '../components/filters/filters_header';
 
 import { deleteAOI } from '../network/aoi';
 import type { RootStateType } from '../store';
-import { delayPromise, gaSendEvent, isMobile } from '../utils';
+import { delayPromise, isMobile } from '../utils';
 
 import type { filterType, filtersType } from '../components/filters';
 const NEW_AOI = 'unnamed *';
@@ -80,26 +80,13 @@ class Filters extends React.PureComponent<void, propsType, stateType> {
         return;
       }
       this.props.applyFilters(this.state.filters, '/');
-      this.sendToAnalytics();
       // show user if there were any new changesets
       // incase service had cached the request
       delayPromise(3000).promise.then(() =>
         this.props.checkForNewChangesets(true)
       );
     }
   };
-  sendToAnalytics = () => {
-    const filters = this.state.filters;
-    filters.forEach((v, k) => {
-      v.forEach(vv => {
-        gaSendEvent({
-          category: 'Filters',
-          action: k,
-          label: vv.get('label')
-        });
-      });
-    });
-  };
   handleChange = (name: string, values?: filterType) => {
     let filters = this.state.filters;
     // if someone cleared date__gte filter
diff --git a/yarn.lock b/yarn.lock
@@ -10619,11 +10619,6 @@ react-fast-compare@^3.0.1:
   resolved "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz"
   integrity sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==
 
-react-ga4@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.npmjs.org/react-ga4/-/react-ga4-2.1.0.tgz"
-  integrity sha512-ZKS7PGNFqqMd3PJ6+C2Jtz/o1iU9ggiy8Y8nUeksgVuvNISbmrQtJiZNvC/TjDsqD0QlU5Wkgs7i+w9+OjHhhQ==
-
 react-input-autosize@^2.1.2:
   version "2.2.1"
   resolved "https://registry.npmjs.org/react-input-autosize/-/react-input-autosize-2.2.1.tgz"

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-export * from './analytics';`
`2`	`1`	`export * from './cmap';`
`3`	`2`	`export * from './component';`
`4`	`3`	`export * from './dispatch_event';`