📈 Add analytics or track code.

Author: hidao80

js/lib/analytics.js

@@ -0,0 +1,52 @@
+/* global gtag */
+export function initAnalytics() {
+  /**
+   * GA4 Custom Event Sending Function
+   */
+  function sendGAEvent(eventName, eventParams = {}) {
+    if (typeof gtag !== 'undefined') {
+      gtag('event', eventName, eventParams);
+    }
+  }
+
+
+  /**
+   * Get configure events
+   */
+  document.querySelector('#configure')?.addEventListener('click', function () {
+    sendGAEvent('configure', {
+      'event_category': 'engagement',
+      'event_label': 'configure_button'
+    });
+  });
+
+  /**
+   * Get help events
+   */
+  document.querySelector('#help_button')?.addEventListener('click', function () {
+    sendGAEvent('help', {
+      'event_category': 'engagement',
+      'event_label': 'help_button'
+    });
+  });
+
+  /**
+   * Get export events
+   */
+  document.querySelector('#download_formatted_log')?.addEventListener('click', function () {
+    sendGAEvent('export_log', {
+      'event_category': 'engagement',
+      'event_label': 'export'
+    });
+  });
+
+  /**
+   * Get PWA install events
+   */
+  window.addEventListener('appinstalled', () => {
+    sendGAEvent('pwa_install', {
+      'event_category': 'engagement',
+      'event_label': 'install_pwa'
+    });
+  });
+} 

js/main.js

@@ -2,6 +2,7 @@ import { $$one, $$all, $$disableConsole } from './lib/indolence.min.js';
 import { LOG_DATA_KEY, ROUNDING_UNIT_MINUTE_KEY, trimNewLine, appendTime, installPWA, autoSetTheme } from './lib/utils.js';
 import Multilingualization from './lib/multilingualization.js';
 import { downloadLog, generateFormattedLog } from './lib/download.js';
+import { initAnalytics } from './lib/analytics.js';
 
 /* global bootstrap */
 
@@ -58,6 +59,7 @@ function saveLogs() {
  */
 document.addEventListener('DOMContentLoaded', async () => {
   $$disableConsole();
+  initAnalytics();
 
   // Set the theme automatically
   autoSetTheme();