임시커밋: 꼭 어디까지 작업했는지 확인할 것!

Author: IceBear9028

src/app/(home)/goal/create-onboard/page.tsx

@@ -14,6 +14,8 @@ import { GoalMutation } from '@/model/goal/queries';
 import { GoalQueryKeys } from '@/model/goal/queryKeys';
 import { userApi, UserQueryKeys } from '@/model/user';
 import { useToast } from '@/shared/components/feedBack/toast';
+import { useGTMActions } from '@/shared/hooks/useGTM';
+import { GTM_BUTTON_NAME, GTM_EVENTS } from '@/shared/constants/gtm-events';
 import { CreateGoalFormElement } from '@/feature/goal';
 import type { GoalFormType } from '@/feature/goal';
 import type { CreateGoalResponseType } from '@/model/goal/dto';
@@ -38,6 +40,7 @@ function GoalOnboardContent() {
   const queryClient = useQueryClient();
   const { showToast } = useToast();
   const { fullUserName } = useFetchUserName();
+  const { trackButtonClick } = useGTMActions();
 
   const [currentStep, setCurrentStep] = useState(1);
   const [createdGoalData, setCreatedGoalData] = useState<CreateGoalResponseType | null>(null);
@@ -89,9 +92,19 @@ function GoalOnboardContent() {
     }
   };
 
+  const stepButtonMap: Record<number, string> = {
+    1: GTM_BUTTON_NAME.GOAL_START_START,
+    2: GTM_BUTTON_NAME.GOAL_START_NAME_NEXT,
+    3: GTM_BUTTON_NAME.GOAL_START_DATE_NEXT,
+  };
+
   const handleNext = () => {
     if (!validateStep()) return;
 
+    if (stepButtonMap[currentStep]) {
+      trackButtonClick({ eventName: GTM_EVENTS.GOAL_START, buttonName: stepButtonMap[currentStep] });
+    }
+
     if (currentStep === 1) {
       // 온보딩 등록 API 호출
       updateOnboardStatus();
@@ -124,6 +137,7 @@ function GoalOnboardContent() {
   };
 
   const handleComplete = () => {
+    trackButtonClick({ eventName: GTM_EVENTS.GOAL_START, buttonName: GTM_BUTTON_NAME.GOAL_START_DONE });
     router.push(ROUTES.HOME);
     showToast('목표 생성이 완료되었습니다.', 'success');
   };

src/shared/constants/gtm-events.ts

@@ -14,6 +14,7 @@ export enum GTM_EVENTS {
   // 목표 관련
   GOAL_ADD = 'goal_add',
   GOAL_ADD_CLICK = 'goal_add_click',
+  GOAL_START = 'goal_start',
   GOAL_START_CLICK = 'goal_start_click',
   GOAL_CLICK = 'goal_click',
 
@@ -50,6 +51,15 @@ export enum GTM_BUTTON_NAME {
   GOAL_ADD_START_DATE = 'start_date',
   GOAL_ADD_END_DATE = 'end_date',
 
+  // 목표 시작(온보딩) 페이지
+  GOAL_START_START = 'start',
+  GOAL_START_NAME = 'name',
+  GOAL_START_NAME_NEXT = 'name_next',
+  GOAL_START_START_DATE = 'start_date',
+  GOAL_START_END_DATE = 'end_date',
+  GOAL_START_DATE_NEXT = 'date_next',
+  GOAL_START_DONE = 'done',
+
   // 목표 페이지
   CATEGORY_STUDY = 'category_study',
   CATEGORY_INVEST = 'category_invest',