Merge pull request #28 from Capchase/test-events

santicapchase · web-flow · commit 532120711fea · 2022-07-06T17:53:38.000+02:00
feat: implement href redirection + change button test to anchor
diff --git a/segment-tracker/index.js b/segment-tracker/index.js
@@ -18,9 +18,32 @@ function get_form_inputs(properties) {
   });
 }
 
+function get_redirect(e){
+  return e.currentTarget.getAttribute('href')
+}
+
+
 $(document).ready(function () {
+
+  // Create flags
+  var button_event_triggered = false;
+
   // capture a click on any element that has
-  $("[data-analytics]").on("click", async function () {
+  $("[data-analytics]").on("click", async function (e) {
+    if (button_event_triggered) {
+      button_event_triggered = false; // reset flag
+
+      const redirect_to = get_redirect(e);
+
+      if (redirect_to){
+        window.location.href = redirect_to;
+      }
+
+      return true; // let the event bubble away
+    }
+
+    e.preventDefault();
+
     // Get event name
     var event = $(this).attr("data-analytics");
 
@@ -37,11 +60,15 @@ $(document).ready(function () {
     get_extra_attributes.call(this, properties);
     // Fire Segment event
     if ("analytics" in window) await analytics.track(event, properties);
+
+    button_event_triggered = true; // set flag
+    $(this).trigger('click');
+
   });
 
 
   // Add submit listener for all forms
-  $("form").bind("submit", function (e) {
+  $("form").on("submit", function () {
 
     var properties = {
       // capture the URL where this event is fired
diff --git a/segment-tracker/test.html b/segment-tracker/test.html
@@ -18,9 +18,9 @@
     </script>
   </head>
   <body>
-    <button data-analytics="Button Clicked" data-property-some_prop="hey hey">
+    <a data-analytics="Button Clicked" data-property-some_prop="hey hey"  href="https://sandbox.capchase.com">
       Click me!
-    </button>
+    </a>
     <form id="formID" data-property-prop-form="added-prop" target="_blank">
       <label for="Email">Email:</label><br>
       <input type="text" id="Email" name="Email">
