[Analytics] Updated calculator tracking (#22267)

* [Analytics] Updated calculator tracking

* Update src/components/TunnelCalculator.astro

Co-authored-by: Pedro Sousa <[email protected]>

---------

Co-authored-by: Pedro Sousa <[email protected]>

Author: kodster28

src/components/SubtractIPCalculator.tsx

@@ -17,7 +17,7 @@ export default function SubtractIPCalculator({
 
 	function calculate() {
 		setResult(excludeCidr(base, exclude));
-		track("clicked calculator submit");
+		track("interacted with docs calculator", { value: "split ip calculator" });
 	}
 
 	function disableButton() {

src/components/TunnelCalculator.astro

@@ -122,6 +122,8 @@ const metrics = Object.entries({
 </sup>
 
 <script>
+	import { track } from "~/util/zaraz";
+
 	function getValueOfInputById(id: string) {
 		const element = document.querySelector<HTMLInputElement>(id);
 
@@ -200,7 +202,10 @@ const metrics = Object.entries({
 		}
 	}
 
-	document
-		.querySelectorAll("input[data-tunnel-calculator]")
-		.forEach((input) => input.addEventListener("change", calculate));
+	document.querySelectorAll("input[data-tunnel-calculator]").forEach((input) =>
+		input.addEventListener("change", () => {
+			calculate();
+			track("interacted with docs calculator", { value: "tunnel calculator" });
+		}),
+	);
 </script>