[analytics] 총동연 페이지, 지원서 페이지 방문 및 체류시간 로깅

frontend/src/hooks/queries/application/useGetApplication.ts

@@ -6,5 +6,6 @@ export const useGetApplication = (clubId: string) => {
     queryKey: ['applicationForm', clubId],
     queryFn: () => getApplication(clubId),
     retry: false,
+    enabled: !!clubId,
   });
 };

frontend/src/hooks/useTrackPageView.ts

@@ -39,7 +39,7 @@ const useTrackPageView = (pageName: string, clubName?: string) => {
       window.removeEventListener('beforeunload', trackPageDuration);
       document.removeEventListener('visibilitychange', trackPageDuration);
     };
-  }, [location.pathname, clubName]);
+  }, [location.pathname]);
 };
 
 export default useTrackPageView;

frontend/src/pages/ApplicationFormPage/ApplicationFormPage.tsx

@@ -3,6 +3,7 @@ import { PageContainer } from '@/styles/PageContainer.styles';
 import Header from '@/components/common/Header/Header';
 import { useNavigate, useParams } from 'react-router-dom';
 import { useGetClubDetail } from '@/hooks/queries/club/useGetClubDetail';
+import useTrackPageView from '@/hooks/useTrackPageView';
 import { useAnswers } from '@/hooks/useAnswers';
 import QuestionAnswerer from '@/pages/ApplicationFormPage/components/QuestionAnswerer/QuestionAnswerer';
 import { useGetApplication } from '@/hooks/queries/application/useGetApplication';
@@ -20,6 +21,19 @@ const ApplicationFormPage = () => {
   const questionRefs = useRef<Array<HTMLDivElement | null>>([]);
   const [invalidQuestionIds, setInvalidQuestionIds] = useState<number[]>([]);
 
+  const { data: clubDetail, error: clubError } = useGetClubDetail(clubId!);
+  const {
+    data: formData,
+    isLoading,
+    isError,
+    error: applicationError,
+  } = useGetApplication(clubId!);
+
+  useTrackPageView(
+    'ApplicationFormPage',
+    clubDetail?.name ?? `club:${clubId ?? 'unknown'}`,
+  );
+
   if (!clubId) return null;
 
   const STORAGE_KEY = `applicationAnswers_${clubId}`;
@@ -32,14 +46,6 @@ const ApplicationFormPage = () => {
     answers,
   } = useAnswers(initialAnswers);
 
-  const { data: clubDetail, error: clubError } = useGetClubDetail(clubId);
-  const {
-    data: formData,
-    isLoading,
-    isError,
-    error: applicationError,
-  } = useGetApplication(clubId);
-
   useEffect(() => {
     localStorage.setItem(STORAGE_KEY, JSON.stringify(answers));
   }, [answers]);

frontend/src/pages/ClubUnionPage/ClubUnionPage.tsx

@@ -1,10 +1,13 @@
 import Header from '@/components/common/Header/Header';
 import * as Styled from './ClubUnionPage.styles';
+import useTrackPageView from '@/hooks/useTrackPageView';
 import { CLUB_UNION_MEMBERS } from '@/constants/CLUB_UNION_INFO';
 import { PageContainer } from '@/styles/PageContainer.styles';
 import Footer from '@/components/common/Footer/Footer';
 
 const ClubUnionPage = () => {
+  useTrackPageView('ClubUnionPage');
+
   return (
     <>
       <Header />