From a9df65f9af97482f0005935d3d87507de82b0283 Mon Sep 17 00:00:00 2001
From: Kian Newman-Hazel <kian@cloudflare.com>
Date: Fri, 11 Jul 2025 16:20:33 +0100
Subject: [PATCH 1/2] [Docs Site] Add Zaraz events for SERP clicks

---
 src/components/404.astro       | 5 +++++
 src/plugins/docsearch/index.ts | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/src/components/404.astro b/src/components/404.astro
index ebf99b944297856..b2aa7e72a09ced8 100644
--- a/src/components/404.astro
+++ b/src/components/404.astro
@@ -9,6 +9,8 @@
 </div>
 
 <script>
+	import { track } from "~/util/zaraz";
+
 	const { pathname } = window.location;
 
 	const anchor = document.getElementById("404-search-link");
@@ -17,5 +19,8 @@
 		const pretty = pathname.replaceAll("/", " ").replaceAll("-", " ").trim();
 
 		anchor.setAttribute("href", `/search/?q=${encodeURIComponent(pretty)}`);
+		anchor.addEventListener("click", () => {
+			track("serp from 404", { query: pretty });
+		});
 	}
 </script>
diff --git a/src/plugins/docsearch/index.ts b/src/plugins/docsearch/index.ts
index 46ee480fec0945b..e18bab8901f750f 100644
--- a/src/plugins/docsearch/index.ts
+++ b/src/plugins/docsearch/index.ts
@@ -1,3 +1,4 @@
+import { track } from "~/util/zaraz";
 import type { DocSearchClientOptions } from "@astrojs/starlight-docsearch";
 
 export default {
@@ -26,6 +27,10 @@ export default {
 			__v: null,
 			key: state.query,
 			props: {
+				onclick: () => {
+					track("serp from widget", { query: state.query });
+				},
+				id: "docsearch-search-link",
 				href: `/search/?query=${state.query}`,
 				target: "_blank",
 				children: "View all results",

From 579cc57b7174248c52a1e771ce7db55fc2732144 Mon Sep 17 00:00:00 2001
From: Kian Newman-Hazel <kian@cloudflare.com>
Date: Fri, 11 Jul 2025 16:38:25 +0100
Subject: [PATCH 2/2] unify

---
 src/components/404.astro       | 2 +-
 src/plugins/docsearch/index.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/404.astro b/src/components/404.astro
index b2aa7e72a09ced8..03c32866752eba3 100644
--- a/src/components/404.astro
+++ b/src/components/404.astro
@@ -20,7 +20,7 @@
 
 		anchor.setAttribute("href", `/search/?q=${encodeURIComponent(pretty)}`);
 		anchor.addEventListener("click", () => {
-			track("serp from 404", { query: pretty });
+			track("serp from location", { value: "404", query: pretty });
 		});
 	}
 </script>
diff --git a/src/plugins/docsearch/index.ts b/src/plugins/docsearch/index.ts
index e18bab8901f750f..eaa1ae7cdb00155 100644
--- a/src/plugins/docsearch/index.ts
+++ b/src/plugins/docsearch/index.ts
@@ -28,7 +28,7 @@ export default {
 			key: state.query,
 			props: {
 				onclick: () => {
-					track("serp from widget", { query: state.query });
+					track("serp from location", { value: "widget", query: state.query });
 				},
 				id: "docsearch-search-link",
 				href: `/search/?query=${state.query}`,