Use Plausible

Plausible is in line with my own believes and the Google Analytics integration hasn't worked for quite some time anyway.
fkling · Feb 4, 2024 · 8888701 · 8888701
1 parent bc25477
commit 8888701
Show file tree

Hide file tree

Showing 5 changed files with 1 addition and 43 deletions.
diff --git a/website/index.ejs b/website/index.ejs
@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <meta name="description" content="An online AST explorer.">
     <%= htmlWebpackPlugin.files.webpackManifest %>
+    <script defer data-domain="astexplorer.net" src="https://plausible.astexplorer.net/js/script.js"></script>
   </head>
   <body>
     <div id="page">
@@ -24,16 +25,5 @@
         <span>@@COMMIT@@</span>
       </div>
     </div>
-    <!-- Google Analytics -->
-    <script>
-    window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
-    var ID = location.hostname === 'astexplorer.net' ?
-      'UA-81889051-1' :
-      'UA-81889051-2';
-    ga('create', ID, 'auto');
-    ga('send', 'pageview');
-    </script>
-    <script async src='https://www.google-analytics.com/analytics.js'></script>
-    <!-- End Google Analytics -->
   </body>
 </html>
diff --git a/website/src/components/visualization/Tree.js b/website/src/components/visualization/Tree.js
@@ -2,7 +2,6 @@ import Element from './tree/Element';
 import PropTypes from 'prop-types';
 import React from 'react';
 import {publish} from '../../utils/pubsub.js';
-import {logEvent} from '../../utils/logger';
 import {treeAdapterFromParseResult} from '../../core/TreeAdapter.js';
 import {SelectedNodeProvider} from './SelectedNodeContext.js';
 import focusNodes from './focusNodes.js'
@@ -30,12 +29,6 @@ function reducer(state, element) {
   const newState = {...state, [element.name]: element.checked};
 
   global.localStorage.setItem(STORAGE_KEY, JSON.stringify(newState));
-  logEvent(
-    'tree_view_settings',
-    element.checked ? 'enabled' : 'disabled',
-    element.name,
-  );
-
   return newState;
 }
 

diff --git a/website/src/containers/ToolbarContainer.js b/website/src/containers/ToolbarContainer.js
@@ -12,7 +12,6 @@ import {
 } from '../store/actions';
 import Toolbar from '../components/Toolbar';
 import * as selectors from '../store/selectors';
-import {logEvent} from '../utils/logger';
 
 function mapStateToProps(state) {
   const parser = selectors.getParser(state);
@@ -35,31 +34,21 @@ function mapDispatchToProps(dispatch) {
   return {
     onParserChange: parser => {
       dispatch(setParser(parser));
-      logEvent('parser', 'select', parser.id);
     },
     onCategoryChange: category => {
       dispatch(selectCategory(category));
-      logEvent('category', 'select', category.id);
     },
     onParserSettingsButtonClick: () => {
       dispatch(openSettingsDialog());
-      logEvent('parser', 'open_settings');
     },
     onShareButtonClick: () => {
       dispatch(openShareDialog());
-      logEvent('ui', 'open_share');
     },
     onTransformChange: transformer => {
       dispatch(transformer ? selectTransformer(transformer) : hideTransformer());
-      if (transformer) {
-        logEvent('tool', 'select', transformer.id);
-      }
     },
     onKeyMapChange: keyMap => {
       dispatch(setKeyMap(keyMap))
-      if (keyMap) {
-        logEvent('keyMap', keyMap);
-      }
     },
     onSave: () => dispatch(save(false)),
     onFork: () => dispatch(save(true)),

diff --git a/website/src/store/snippetMiddleware.js b/website/src/store/snippetMiddleware.js
@@ -1,6 +1,5 @@
 import * as selectors from './selectors.js';
 import * as actions from './actions.js';
-import {logError, logEvent} from '../utils/logger.js';
 
 let clearURLOnClearError = false;
 let cancelLoad = () => {}
@@ -49,15 +48,13 @@ async function loadSnippet(state, next, storageAdapter) {
     // revision can be null if the URL is "empty"
     if (!cancelled) {
       if (revision) {
-        logEvent('snippet', 'load');
         next(actions.setSnippet(revision));
       } else {
         next(actions.clearSnippet());
       }
     }
   } catch(error) {
     const errorMessage = 'Failed to fetch revision: ' + error.message;
-    logError(errorMessage);
 
     clearURLOnClearError = true;
     next(actions.setError(new Error(errorMessage)));
@@ -75,8 +72,6 @@ async function saveSnippet({fork}, state, next, storageAdapter) {
   const transformer = selectors.getTransformer(state);
   const showTransformPanel = selectors.showTransformer(state);
 
-  const eventAction = fork ? 'fork' : (revision ? 'new_revision' : 'create');
-
   const data = {
     parserID: parser.id,
     settings: {
@@ -94,7 +89,6 @@ async function saveSnippet({fork}, state, next, storageAdapter) {
     data.transform = transformCode;
   }
 
-  logEvent('snippet', eventAction, data.toolID);
 
   try {
     let newRevision;
@@ -109,7 +103,6 @@ async function saveSnippet({fork}, state, next, storageAdapter) {
       storageAdapter.updateHash(newRevision);
     }
   } catch (error) {
-    logError(error.message);
     next(actions.setError(error));
   }
 }
diff --git a/website/src/utils/logger.js b/website/src/utils/logger.js