@ons/design-system 70.0.2 → 70.0.4

package/js/analytics.js

@@ -13,11 +13,20 @@ if (window.google_tag_manager !== undefined) {
 }
 
 export const trackElement = (el, type) => {
-  return trackEvent(`ons_${type}`, {
-    event_category: el.getAttribute('data-ga-category') || '',
-    event_action: el.getAttribute('data-ga-action') || '',
-    event_label: el.getAttribute('data-ga-label') || '',
-  });
+  const attributes = el.attributes;
+  const eventData = {};
+  // Loop through all attributes of the element
+  for (let i = 0; i < attributes.length; i++) {
+    const attributeName = attributes[i].name;
+    // Check if the attribute starts with 'data-ga-'
+    if (attributeName.startsWith('data-ga-')) {
+      // Extract the key by removing 'data-ga-' prefix
+      const key = attributeName.replace('data-ga-', '').replace('-', '_');
+      // Use the attribute value as the value for the key
+      eventData[key] = el.getAttribute(attributeName);
+    }
+  }
+  return trackEvent(`ons_${type}`, eventData);
 };
 
 export default function initAnalytics() {
@@ -34,7 +43,9 @@ export default function initAnalytics() {
 
   document.body.addEventListener('click', ({ target }) => {
     if (target.getAttribute('data-ga') === 'click') {
-      trackElement(target, target.getAttribute('data-ga'));
+      return trackElement(target, 'click');
+    } else if (target.parentElement.getAttribute('data-ga') === 'click') {
+      return trackElement(target.parentElement, 'click');
     }
   });
   [...document.querySelectorAll('[data-ga=error]')].map((element) => trackElement(element, 'error'));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ons/design-system",
   "description": "ONS Design System built CSS, JS, and Nunjucks templates",
-  "version": "70.0.2",
+  "version": "70.0.4",
   "main": "index.js",
   "license": "MIT",
   "author": {