fix: add events in each card for tracking click (#158)

* fix: add events in each card for tracking click

* fix: add tracking js file for individual card tracking

Author: ktx-krupa

docs/js/landing-individual-card-ms-tracking.js

@@ -0,0 +1,21 @@
+document.addEventListener("DOMContentLoaded", function () {
+  const cards = document.querySelectorAll(
+    ".landing-tutorial-card, .landing-integration-item, .landing-community-support-item, .landing-feature-item"
+  );
+  cards.forEach((card) => {
+    card.addEventListener("click", () => {
+      const eventName = card.getAttribute("data-clarity-event") || "card_click";
+      const title = card.getAttribute("data-clarity-title") || "unknown";
+      const url = card.getAttribute("data-clarity-url") || "unknown";
+
+      if (window.clarity && typeof window.clarity === "function") {
+        // Fire a named event
+        window.clarity("event", eventName);
+
+        // Attach extra metadata
+        window.clarity("set", "cardTitle", title);
+        window.clarity("set", "cardUrl", url);
+      }
+    });
+  });
+});

mkdocs.yml

@@ -25,6 +25,7 @@ extra_javascript:
   - js/search-tracking.js
   - https://buttons.github.io/buttons.js
   - js/reo.js
+  - js/landing-individual-card-ms-tracking.js
 extra:
   # social:
   #   - icon: fontawesome/brands/linkedin