diff --git a/apps/client/src/pages/onBoarding/components/funnel/MainCard.tsx b/apps/client/src/pages/onBoarding/components/funnel/MainCard.tsx index 765bc5c1..1f6f0afe 100644 --- a/apps/client/src/pages/onBoarding/components/funnel/MainCard.tsx +++ b/apps/client/src/pages/onBoarding/components/funnel/MainCard.tsx @@ -1,4 +1,4 @@ -import { Progress, Button } from '@pinback/design-system/ui'; +import { Progress, Button, sendGAEvent } from '@pinback/design-system/ui'; import { useState, useEffect, lazy, Suspense } from 'react'; import { motion, AnimatePresence } from 'framer-motion'; import SocialLoginStep from './step/SocialLoginStep'; @@ -185,6 +185,11 @@ const MainCard = () => { setDirection(1); setStep(next); navigate(`/onboarding?step=${next}`); + sendGAEvent( + `onboard-step-${idx + 1}`, + `onboard-step-${idx + 1}`, + `onboard-step-${idx + 1}` + ); }; const prevStep = () => { diff --git a/apps/client/src/pages/onBoarding/components/funnel/step/AlarmStep.tsx b/apps/client/src/pages/onBoarding/components/funnel/step/AlarmStep.tsx index c10e37fc..52694e16 100644 --- a/apps/client/src/pages/onBoarding/components/funnel/step/AlarmStep.tsx +++ b/apps/client/src/pages/onBoarding/components/funnel/step/AlarmStep.tsx @@ -1,10 +1,19 @@ import dotori from '/assets/onBoarding/icons/dotori.svg'; import AlarmBox from '../AlarmBox'; +import { useEffect } from 'react'; +import { sendGAEvent } from '@pinback/design-system/ui'; interface AlarmStepProps { selected: 1 | 2 | 3; setSelected: (n: 1 | 2 | 3) => void; } const AlarmStep = ({ selected, setSelected }: AlarmStepProps) => { + useEffect(() => { + sendGAEvent( + 'onboard-alarm-step', + 'onboard-alarm-step', + 'onboard-alarm-step' + ); + }, []); return (