diff --git a/web/beacon.js b/web/beacon.js
new file mode 100644
index 0000000..42b9f1e
--- /dev/null
+++ b/web/beacon.js
@@ -0,0 +1,84 @@
+// Watchdog Analytics Beacon
+(function () {
+ "use strict";
+
+ var endpoint = "/api/event";
+ var tracked = false;
+
+ // Send analytics payload to server
+ function sendBeacon(payload) {
+ var data = JSON.stringify(payload);
+
+ // Try navigator.sendBeacon first (best for page unload)
+ if (navigator.sendBeacon) {
+ var blob = new Blob([data], { type: "application/json" });
+ navigator.sendBeacon(endpoint, blob);
+ return;
+ }
+
+ // Fallback to fetch for browsers without sendBeacon
+ if (window.fetch) {
+ fetch(endpoint, {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: data,
+ keepalive: true,
+ }).catch(function () {
+ // Silently fail, analytics shouldn't break the page
+ });
+ return;
+ }
+
+ // Final fallback to XMLHttpRequest
+ try {
+ var xhr = new XMLHttpRequest();
+ xhr.open("POST", endpoint, true);
+ xhr.setRequestHeader("Content-Type", "application/json");
+ xhr.send(data);
+ } catch (e) {
+ // Silently fail
+ }
+ }
+
+ // Build payload
+ function buildPayload() {
+ return {
+ d: window.location.hostname,
+ p: window.location.pathname,
+ r: document.referrer || "",
+ w: window.screen.width || 0,
+ };
+ }
+
+ // Track a pageview
+ function trackPageview() {
+ if (tracked) return; // Only track once per page load
+ tracked = true;
+ sendBeacon(buildPayload());
+ }
+
+ // Track a custom event
+ function trackEvent(eventName) {
+ if (!eventName || typeof eventName !== "string") {
+ console.warn("Watchdog: event name must be a non-empty string");
+ return;
+ }
+
+ var payload = buildPayload();
+ payload.e = eventName;
+ sendBeacon(payload);
+ }
+
+ // Expose public API
+ window.watchdog = {
+ track: trackEvent,
+ trackPageview: trackPageview,
+ };
+
+ // Auto-track pageview on load
+ if (document.readyState === "complete") {
+ trackPageview();
+ } else {
+ window.addEventListener("load", trackPageview);
+ }
+})();
diff --git a/web/beacon.test.html b/web/beacon.test.html
new file mode 100644
index 0000000..ffda638
--- /dev/null
+++ b/web/beacon.test.html
@@ -0,0 +1,69 @@
+
+
+
+
+
+ Watchdog Beacon Test
+
+
+
+ Watchdog Analytics Beacon Test
+
+
+
Instructions:
+ This page automatically tracks a pageview on load.
+ Click the buttons below to test custom event tracking.
+
Custom Events
+
+
+
+
+
+
+
API Usage:
+
Track custom events: watchdog.track('event_name')
+
Manual pageview: watchdog.trackPageview()
+
Console
+ Open your browser's developer console (F12) and network tab to see beacon requests.
+
+
+
+
+