Fix GA4 events

Author: rickkas7

scripts/gtag-fix/app.js

@@ -0,0 +1,80 @@
+#!/usr/bin/env node
+const path = require('path');
+const fs = require('fs');
+
+
+const topDir = path.join(__dirname, '..', '..');
+
+const jsDir = path.join(topDir, 'src/assets/js');
+console.log('jsDir ' + jsDir);
+for(const file of fs.readdirSync(jsDir)) {
+    if (!file.endsWith('.js')) {
+        continue;
+    }
+    const origFile = fs.readFileSync(path.join(jsDir, file), 'utf8');
+
+    let newFile = '';
+    for(let line of origFile.split(/\n/)) {
+        const gtagIndex = line.indexOf('gtag(');
+        if (gtagIndex >= 0) {
+            const linePrefix = line.substring(0, gtagIndex);
+            
+            const paramStartIndex = gtagIndex + 5;
+            const paramEndIndex = line.lastIndexOf(')');
+            if (paramEndIndex >= paramStartIndex) {
+
+                const paramStr = line.substring(paramStartIndex, paramEndIndex);
+
+                const linePrefix = line.substring(0, gtagIndex);
+                const lineSuffix = line.substring(paramEndIndex + 1);
+
+                const params = paramStr.split(',');
+                for(let ii = 0; ii < params.length; ii++) {
+                    params[ii] = params[ii].trim();
+                }
+                if (params.length >= 4) {
+                    if (params[0] == "'send'" && params[1] == "'event'") {
+                        // console.log('params', params);    
+    
+                        // ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue], [fieldsObject]);
+                        // 2 eventCategory  -> event_category
+                        // 3 eventAction -> event_action
+                        // 4 eventLabel -> event_label
+                        // 5 eventValue -> event_value
+   
+                        switch(params.length) {
+                            case 4:
+                                line = linePrefix + "gtag('event', " + params[3] + ", {'event_category':" + params[2] + "})" + lineSuffix;
+                                break;
+                                
+                            case 5:
+                                line = linePrefix + "gtag('event', " + params[3] + ", {'event_category':" + params[2] + ", 'event_label':" + params[4] + "})" + lineSuffix;
+                                break;
+                                
+                            default:
+                                console.log('too many parameters', params);                        
+                                break;
+                        }
+
+                        console.log('updated line: ' + line);
+                    }
+                    else {
+                        console.log('not send event params', params);    
+                    }
+                }
+                else {
+                    console.log('not enough parameters', params);
+                }
+            }   
+            else {
+                console.log('missing end )');
+            }         
+        }
+        newFile += line + '\n';
+    }
+
+    if (newFile.trim() != origFile.trim()) {
+        console.log('changed ' + file);
+        fs.writeFileSync(path.join(jsDir, file), newFile);
+    }
+}

scripts/gtag-fix/package-lock.json

@@ -0,0 +1,16 @@
+{
+    "name": "gtag-fix",
+    "description": "Tool for GA4 migration",
+    "version": "0.0.1",
+    "private": true,
+    "license": "MIT",
+    "author": "[email protected]",
+    "engines": {
+        "node": ">=16"
+    },
+    "scripts": {
+        "start": "node app.js"
+    },
+    "dependencies": {
+    }
+}

scripts/gtag-fix/package.json

@@ -8,14 +8,14 @@ $(document).ready(function() {
     let orgInfo;
 
     const handleLogin = function() {
-        gtag('send', 'event', eventCategory, 'Login Started');
+        gtag('event', 'Login Started', {'event_category':eventCategory});
 
         const origUrl = window.location.href;
 		window.location.href = 'https://login.particle.io/login?redirect=' + encodeURI(origUrl); 
     };
 
     const handleEditAccount = function() {
-        gtag('send', 'event', eventCategory, 'Edit Account');
+        gtag('event', 'Edit Account', {'event_category':eventCategory});
 
         const origUrl = window.location.href;
 		window.location.href = 'https://login.particle.io/account-info?redirect=' + encodeURI(origUrl); 
@@ -26,7 +26,7 @@ $(document).ready(function() {
         localStorage.removeItem('apiHelperOrg')
 
         if (typeof apiHelper != 'undefined' && apiHelper.localLogin && apiHelper.localLogin.access_token ) {
-            gtag('send', 'event', eventCategory, 'Logged Out Local');
+            gtag('event', 'Logged Out Local', {'event_category':eventCategory});
             localStorage.removeItem('apiHelperLocalLogin');
 
             if (!apiHelper.localLogin.tokenLogin) {
@@ -49,7 +49,7 @@ $(document).ready(function() {
             location.reload();   
         }
         else {
-            gtag('send', 'event', eventCategory, 'Logged Out SSO');
+            gtag('event', 'Logged Out SSO', {'event_category':eventCategory});
             localStorage.removeItem('apiHelperTestLogin');
             const origUrl = window.location.href;
             window.location.href = 'https://login.particle.io/logout?redirect=' + encodeURI(origUrl);     
@@ -558,3 +558,4 @@ $(document).ready(function() {
     });
 });
 
+