Capture search event (#1307)

content/search/results.js

@@ -51,6 +51,18 @@
     return $results;
   };
 
+  var debounce = function debounce (func, delay) {
+    let timeout;
+    return function (...args) {
+      clearTimeout(timeout);
+      timeout = setTimeout(() => func.apply(this, args), delay);
+    };
+  };
+
+  var trackSearch = function trackSearch (query) {
+    window.posthog.capture('support-search', { query: $input.value });
+  };
+
   if (typeof module === 'object' && typeof module.exports === 'object')
     module.exports = {
       parseQueryParams: parseQueryParams,
@@ -62,11 +74,18 @@
     var $input = document.getElementById('input-search');
     var q = parseQueryParams(window.location.search);
 
-    if (q.length)
+    if (q.length) {
       showResults($main, $input, q);
+      trackSearch(q);
+    }
 
     $input.oninput = function (e) {
       showResults($main, $input, $input.value);
     };
+
+    $input.addEventListener('input', debounce(function () {
+      if ($input.value.trim().length > 0)
+        trackSearch($input.value);
+    }, 900));
   }
 })();

layouts/analytics.html

@@ -10,4 +10,17 @@
     disable_session_recording: true
   })
 </script>
+<% else %>
+<script>
+  // Dummy PostHog client
+  window.posthog = {
+    init() {},
+    identify(arg) { 
+      console.log(`PostHog identify: ${arg}`); 
+    },
+    capture(event, data) { 
+      console.log(`PostHog capture - Event: ${event}`, data);
+    }
+  }
+</script>
 <% end %>