Track element's data attributes if present

index.html

@@ -27,5 +27,6 @@
       </div>
     </div>
     <a href="/" id="link5" data-ahoy-skip="true"><span>Link 5</span></a>
+    <a href="/" id="link6" data-foo="bar"><span>Link 6</span></a>
   </body>
 </html>

src/index.js

@@ -267,21 +267,46 @@ function presence(str) {
 function cleanObject(obj) {
   for (const key in obj) {
     if (Object.prototype.hasOwnProperty.call(obj, key)) {
-      if (obj[key] === null) {
+      const value = obj[key];
+
+      if (value === null || isLiteralObject(value) && isEmpty(value)) {
         delete obj[key];
       }
     }
   }
   return obj;
 }
 
+function isLiteralObject(obj) {
+  return (!!obj) && (obj.constructor === Object);
+}
+
+function getDatasetInKebabCase(element) {
+  const datasetInKebabCase = {};
+
+  for (const attrName in element.attributes) {
+    if (Object.prototype.hasOwnProperty.call(element.attributes, attrName)) {
+      const attr = element.attributes[attrName];
+
+      if (attr.name.startsWith('data-')) {
+        const keyWithoutDataPrefix = attr.name.replace('data-', '');
+
+        datasetInKebabCase[keyWithoutDataPrefix] = attr.value;
+      }
+    }
+  }
+
+  return datasetInKebabCase;
+}
+
 function eventProperties() {
   return cleanObject({
     tag: this.tagName.toLowerCase(),
     id: presence(this.id),
     "class": presence(this.className),
     page: page(),
-    section: getClosest(this, "data-section")
+    section: getClosest(this, "data-section"),
+    data: getDatasetInKebabCase(this)
   });
 }