chore: move from ga to simpleanalytics

marcomontalbano · May 16, 2024 · a9c76a1 · a9c76a1
1 parent 8360a6a
commit a9c76a1
Show file tree

Hide file tree

Showing 13 changed files with 10 additions and 148 deletions.
diff --git a/.env.sample b/.env.sample
@@ -1,7 +1,6 @@
 NODE_ENV=development
 USE_HIGH_QUALITY=false
 CLOUDINARY_URL=
-GA_TRACKING_ID=
 SITE_ID=
 NETLIFY_ACCESS_TOKEN=
 FACEBOOK_ACCESS_TOKEN=
diff --git a/.posthtmlrc.cjs b/.posthtmlrc.cjs
@@ -5,8 +5,7 @@ module.exports = {
         }),
         require('posthtml-expressions')({
             locals: {
-                NODE_ENV: process.env.NODE_ENV,
-                GA_TRACKING_ID: process.env.GA_TRACKING_ID,
+                NODE_ENV: process.env.NODE_ENV
             }
         })
     ]

diff --git a/README.md b/README.md
@@ -87,7 +87,6 @@ cp .env.sample .env
 ```
 
 * `CLOUDINARY_URL` ( **required** ) - this is the `API Environment variable` that you can get from your Cloudinary dashboard inside the **Account Details** section.
-* `GA_TRACKING_ID` ( _optional_ ) - this is a Google Analytics Tracking ID. Can be used if you need to track page views and events.
 * `NETLIFY_ACCESS_TOKEN` ( _optional_ ) - this a Netlify Access Token. In combination with the `SITE_ID` can be used to display the **API Usage** in the website.
 * `SITE_ID` ( _optional_ ) - this the Netlify Site ID. In combination with the `NETLIFY_ACCESS_TOKEN` can be used to display the **API Usage** in the website.
 * `USE_HIGH_QUALITY` ( _optional_ ) - this is a boolean flag. If `true`, the generated images will be stored in Contenful with hi-res quality (default to `false`)
@@ -100,11 +99,6 @@ pnpm dev
 
 ## Privacy
 
-Google Analytics is used to record the following:
-
-* [Basic visit data](https://support.google.com/analytics/answer/6004245?ref_topic=2919631).
-* `referer` or `video url` to track api usage.
-
 All images are generated via [Cloudinary] and stored in it.
 In this way the generated images are cached so we can avoid to call Netlify functions again thus reducing the quota consumption.
 

diff --git a/netlify.toml b/netlify.toml
@@ -9,7 +9,6 @@
 [template.environment]
   CLOUDINARY_URL = "Cloudinary URL"
   USE_HIGH_QUALITY = "Use High Quality (boolean)"
-  GA_TRACKING_ID = "Google Analytics Tracking ID"
 
 [[redirects]]
   from = "https://video-to-markdown.netlify.app/*"

diff --git a/netlify/functions/classes/google-ua.js b/netlify/functions/classes/google-ua.js
diff --git a/netlify/functions/classes/google-ua.test.js b/netlify/functions/classes/google-ua.test.js
diff --git a/netlify/functions/image-json.js b/netlify/functions/image-json.js
@@ -3,8 +3,6 @@
 import VideoWrapper from './classes/VideoWrapper.js';
 import cloudinary from './classes/cloudinary.js';
 
-import { sendLambdaEvent } from './classes/google-ua.js';
-
 const isProduction = process.env.NODE_ENV === 'production';
 
 const throwException = (statusCode, message) => {
@@ -26,8 +24,6 @@ const getParam = (event, paramName) => {
 };
 
 export const handler = async (event, context, callback) => {
-  sendLambdaEvent(event);
-
   const url = getParam(event, 'url');
 
   if (url === undefined || url === null) {

diff --git a/package.json b/package.json
@@ -60,8 +60,7 @@
     "node-html-parser": "^6.1.13",
     "nprogress": "^0.2.0",
     "prismjs": "^1.29.0",
-    "process": "^0.11.10",
-    "universal-analytics": "^0.5.3"
+    "process": "^0.11.10"
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/index.html b/src/index.html
@@ -25,16 +25,7 @@
         <meta name="msapplication-TileColor" content="#ffffff">
         <meta name="msapplication-TileImage" content="./images/favicon/ms-icon-144x144.png">
         <meta name="theme-color" content="#ffffff">
-        <script>
-            (function() {
-                if ('{{ NODE_ENV }}' === 'production' && '{{GA_TRACKING_ID}}' !== 'undefined') {
-                    window.ga = window.ga || function () { (ga.q = ga.q || []).push(arguments) }; ga.l = +new Date;
-                    ga('create', '{{GA_TRACKING_ID}}', 'auto');
-                    ga('send', 'pageview');
-                }
-            })();
-        </script>
-        <script async src='https://www.google-analytics.com/analytics.js'></script>
+        <script>window.sa_event = window.sa_event || function () { var a = [].slice.call(arguments); window.sa_event.q ? window.sa_event.q.push(a) : window.sa_event.q = [a] };</script>
     </head>
     <body>
 
@@ -49,5 +40,9 @@
         </div>
 
         <script type="module" src="./index.js"></script>
+
+        <script async defer src="https://scripts.simpleanalyticscdn.com/latest.js" data-collect-dnt="true"></script>
+        <noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt="" referrerpolicy="no-referrer-when-downgrade" /></noscript>
+        <script async src="https://scripts.simpleanalyticscdn.com/auto-events.js"></script>
     </body>
 </html>
diff --git a/src/index.js b/src/index.js
@@ -1,9 +1,7 @@
 import { loadStats } from './web/netlify';
-import { load as loadAnalytics } from './web/analytics';
 import { load as loadDisclaimer } from './web/disclaimer';
 import { load as loadApp } from './web/app';
 
 loadStats();
-loadAnalytics();
 loadDisclaimer();
 loadApp();
diff --git a/src/web/analytics.js b/src/web/analytics.js
diff --git a/src/web/app.js b/src/web/app.js
@@ -162,12 +162,9 @@ export const load = () => {
 
     NProgress.start();
 
-    typeof ga !== 'undefined' &&
-      ga('send', 'event', {
-        eventCategory: 'V2M',
-        eventAction: 'convert',
-        eventLabel: domElements.url,
-      });
+    if (typeof sa_event !== 'undefined') {
+      sa_event('click_convert', { url: domElements.url });
+    }
 
     const newMemoFormSubmit = `${domElements.url}|${domElements.showPlayIcon}`;
     if (memoFormSubmit === newMemoFormSubmit) {