feat: ga4 커스텀이벤트 연결

features/auth/auth.hooks.ts

@@ -5,6 +5,7 @@ import { useMutation } from '@tanstack/react-query';
 import { useCallback, useEffect, useState } from 'react';
 import { useForm, useWatch } from 'react-hook-form';
 
+import { trackEvent } from '@/shared/lib/analytics';
 import { ApiError } from '@/shared/lib/api';
 
 import type { SignupStepId } from './auth.constants';
@@ -58,6 +59,8 @@ export const useSignupForm = () => {
         positions: data.positions,
         links: sanitizedLinks,
       });
+
+      trackEvent('sign_up', { method: 'kakao' });
     } catch (error) {
       let message = '서버 오류가 발생했어요. 잠시 후 다시 시도해 주세요.';
 

features/profile/profile.hooks.ts

@@ -8,6 +8,7 @@ import { useForm } from 'react-hook-form';
 
 import { useBooleanState } from '@/shared/hooks/use-boolean-state';
 import { useCopyLinkFeedback } from '@/shared/hooks/use-copy-link-feedback';
+import { trackEvent } from '@/shared/lib/analytics';
 import { ApiError } from '@/shared/lib/api';
 import { buildPathWithSearch, setSearchParam } from '@/shared/lib/url/search-params';
 
@@ -162,7 +163,10 @@ export const useProfileShare = ({ userLink, userName }: UseProfileShareParams) =
   } = useCopyLinkFeedback();
 
   const shareProfile = useCallback(async () => {
-    await copyLink(buildProfileShareClipboardText(userLink, userName));
+    const copied = await copyLink(buildProfileShareClipboardText(userLink, userName));
+    if (copied) {
+      trackEvent('share_profile', { method: 'copy_link' });
+    }
   }, [copyLink, userLink, userName]);
 
   return {

features/project/project.hooks.ts

@@ -6,6 +6,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useForm } from 'react-hook-form';
 
 import { useMyProfile } from '@/features/profile';
+import { trackEvent } from '@/shared/lib/analytics';
 import { ApiError } from '@/shared/lib/api';
 
 import type {
@@ -308,6 +309,7 @@ export const useCreateProjectModal = ({ onOpenChange }: CreateProjectModalParams
       });
 
       setCreatedProjectLink(createdProject.projectLink);
+      trackEvent('create_review_link');
     } catch (error) {
       form.setError('root', {
         message:

features/review/review.hooks.ts

@@ -8,6 +8,7 @@ import { useForm } from 'react-hook-form';
 
 import { useMyProfile } from '@/features/profile';
 import { projectKeys, useProject } from '@/features/project';
+import { trackEvent } from '@/shared/lib/analytics';
 
 import type { ReviewStepId } from './review.constants';
 import type { ReviewWriteFormData } from './review.types';
@@ -136,6 +137,7 @@ export const useWriteReviewFlow = ({ projectId, revieweeId }: UseWriteReviewFlow
         tagIds,
         spectrums,
       });
+      trackEvent('complete_review');
       setSubmitDialogOpen(false);
       router.push(`/projects/${projectId}?reviewSubmitted=1`);
     } catch {

shared/components/google-analytics-page-view.tsx

@@ -5,12 +5,6 @@ import { useEffect, useRef } from 'react';
 
 const GA_MEASUREMENT_ID = process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID;
 
-declare global {
-  interface Window {
-    gtag?: (...args: unknown[]) => void;
-  }
-}
-
 export const GoogleAnalyticsPageView = () => {
   const pathname = usePathname();
   const searchParams = useSearchParams();

shared/hooks/use-copy-link-feedback.ts

@@ -17,6 +17,7 @@ export const useCopyLinkFeedback = () => {
     const copied = await copyTextToClipboard(text);
     setMessage(copied ? COPY_SUCCESS_MESSAGE : COPY_FAILURE_MESSAGE);
     setOpen(true);
+    return copied;
   }, []);
 
   return { open, message, close, copyLink };

shared/lib/analytics.ts

@@ -0,0 +1,12 @@
+declare global {
+  interface Window {
+    gtag?: (...args: unknown[]) => void;
+  }
+}
+
+export const trackEvent = (eventName: string, params?: Record<string, string>) => {
+  if (typeof window === 'undefined' || !window.gtag) {
+    return;
+  }
+  window.gtag('event', eventName, params);
+};