My Jetpack: add tracks events to slider arrow buttons

Automattic · Oct 23, 2024 · b57e9e9 · b57e9e9
1 parent f94fe13
commit b57e9e9
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/projects/packages/my-jetpack/_inc/components/evaluation-recommendations/index.tsx b/projects/packages/my-jetpack/_inc/components/evaluation-recommendations/index.tsx
@@ -58,11 +58,18 @@ const EvaluationRecommendations: FC< Props > = ( { welcomeFlowExperimentVariatio
 
 	const handleNextSlide = useCallback( () => {
 		handleSlide( containerRef, 1 );
-	}, [ containerRef ] );
+
+		recordEvent( 'jetpack_myjetpack_recommendations_slide_arrow_click', {
+			direction: 'next',
+		} );
+	}, [ recordEvent, containerRef ] );
 
 	const handlePrevSlide = useCallback( () => {
 		handleSlide( containerRef, -1 );
-	}, [ containerRef ] );
+		recordEvent( 'jetpack_myjetpack_recommendations_slide_arrow_click', {
+			direction: 'previous',
+		} );
+	}, [ recordEvent, containerRef ] );
 
 	// We're defining each of these translations in separate variables here, otherwise optimizations in
 	// the build step end up breaking the translations and causing error.