From 7c86d239c270edf565fee8c61e755323e1495c57 Mon Sep 17 00:00:00 2001
From: Kian Newman-Hazel <kian@cloudflare.com>
Date: Mon, 17 Mar 2025 15:13:07 +0000
Subject: [PATCH] [Docs Site] Track header login button clicks with Zaraz

---
 src/components/overrides/Header.astro | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/overrides/Header.astro b/src/components/overrides/Header.astro
index 158974662a24490..b85462554816fe8 100644
--- a/src/components/overrides/Header.astro
+++ b/src/components/overrides/Header.astro
@@ -17,6 +17,7 @@ import HeaderDropdowns from "../HeaderDropdowns.tsx";
 		<div id="right-group" class="hidden h-10 flex-wrap gap-x-8 overflow-hidden">
 			<HeaderDropdowns client:idle />
 			<a
+				id="header-login-button"
 				href="https://dash.cloudflare.com/"
 				class="flex items-center justify-center rounded bg-cl1-brand-orange px-6 font-medium text-cl1-black no-underline"
 			>
@@ -64,3 +65,13 @@ import HeaderDropdowns from "../HeaderDropdowns.tsx";
 		}
 	}
 </style>
+
+<script>
+	import { track } from "~/util/zaraz";
+
+	document
+		.querySelector("#header-login-button")
+		?.addEventListener("click", () => {
+			track("clicked header login button");
+		});
+</script>