데이터 기반 결정: GA4 + Clarity

[Google Analytics 4]
- 트래픽·획득
- 무료
- 학습 곡선

[PostHog]
- 제품 분석 (이벤트·funnel)
- 무료 1M events/mo
- 추천

[Microsoft Clarity]
- 히트맵·세션 녹화
- 완전 무료
- 강력

[Vercel Analytics]
- Web Vitals
- 매우 간단
- $10/mo

[Acquisition]
- page_view
- signup_started
- signup_completed
- referral_source

[Activation]
- onboarding_step_1, 2, 3
- first_action
- aha_moment_reached

[Retention]
- daily_active
- key_feature_used
- streak_days

[Revenue]
- pricing_viewed
- checkout_started
- payment_succeeded

[Referral]
- shared_via_email
- invited_friend
- referral_signup

// app/providers.tsx
'use client';
import posthog from 'posthog-js';
import { PostHogProvider } from 'posthog-js/react';

if (typeof window !== 'undefined') {
  posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY!, {
    api_host: 'https://app.posthog.com',
    capture_pageview: true,
  });
}

export function Providers({ children }: { children: React.ReactNode }) {
  return <PostHogProvider client={posthog}>{children}</PostHogProvider>;
}


// 이벤트 캡처
import { usePostHog } from 'posthog-js/react';

function CheckoutButton({ planId }: { planId: string }) {
  const posthog = usePostHog();

  const handleClick = () => {
    posthog.capture('checkout_started', {
      plan_id: planId,
      amount: 19,
    });
    // ...
  };
}


// 사용자 식별
posthog.identify(user.id, {
  email: user.email,
  plan: user.plan,
  signup_date: user.created_at,
});

// PostHog Dashboard
[Funnel: Signup → Activation]
1. page_view (/signup)
2. signup_started
3. signup_completed
4. onboarding_step_1
5. first_action

결과:
- 1→2: 60% (40% 이탈)
- 2→3: 90%
- 3→4: 70% (30% 이탈)
- 4→5: 50%

→ 가장 큰 drop: 1→2 (가입 시작)
→ 가입 폼 단순화

→ 다음 큰 drop: 4→5 (첫 행동)
→ 온보딩 개선

<!-- HTML head -->
<script type="text/javascript">
  (function(c,l,a,r,i,t,y){
    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  })(window,document,"clarity","script","CLARITY_PROJECT_ID");
</script>


[Clarity 활용]
- 히트맵 — 어디 클릭하나
- 세션 녹화 — 사용자 실제 동작
- 분노 클릭 — 좌절 지점
- 죽은 클릭 — 작동 안 함

[좋은 사용]
- "가입률 50% → 80% 개선"
  - 가입 폼 5필드 → 2필드 변경
  - A/B 테스트 → +30% 검증

- "Pro 전환 5% → 15%"
  - Day 7 이메일 추가
  - 측정 → 검증

[나쁜 사용]
- "관심 끄는 데이터" → 결정 X
- 이메일 open rate만 보고 콘텐츠 X
- 매트릭 무한 추가

[월요일 09:00~10:00]
1. 매트릭 dashboard 확인
2. 어디가 늘었나·줄었나?
3. 가설 1~2개
4. 이번 주 실험 결정


→ 매주 데이터 → 매주 개선
→ 6개월 후 = 100x 개선