[운영] GA4 커스텀 이벤트로 과일 사진 분석 완료율 측정하기
GA4 커스텀 이벤트를 이용해 서비스 진입부터 과일 사진 분석 완료 및 공유까지의 사용자 퍼널 전환율을 정밀 조동 측정한 운영기입니다.
[운영] GA4 커스텀 이벤트로 과일 사진 분석 완료율 측정하기
한 줄 요약: 서비스에 진입한 방문자가 실제로 과일 사진을 업로드하고 분석을 마칠 때까지의 각 단계별 이탈 구간을 추적하기 위해, GA4 커스텀 이벤트(analysis_start, analysis_complete, share_click, coupang_copy)를 심고 전환 수치를 정밀 측정한 운영 분석 기록입니다.
1. 서비스와 분석 목적
GoodFruit는 회원가입이 없는 익명 웹앱이기 때문에, 단순히 "전체 방문자 수(Session)"만 확인해서는 사용자가 서비스에 만족했는지 알 수 없습니다.
방문자 중 몇 명이나 실제 사진을 선택하여 분석을 시작하고(analysis_start), 몇 명이나 AI 결과를 성공적으로 확인하며(analysis_complete), 결과 확인 후 카카오톡 공유(share_click)나 쿠팡 구매(coupang_copy)로 이어지는지 퍼널(Funnel) 전환율을 측정해야 개선점을 찾을 수 있습니다.
2. 데이터 집계 기간
- **분석 대상 기간**: 최근 7일간 (총 49 세션 기준)
- **분석 도구**: Google Analytics 4 (GA4) + Google Tag Manager (gtag.js)
3. 핵심 지표 (Core Funnel Metrics)
| 측정 퍼널 단계 | 이벤트명 | 누적 횟수 | 전환율 (전 단계 대비) | 전체 세션 대비 전환율 |
| :--- | :--- | :--- | :--- | :--- |
| 1. 웹사이트 진입 | page_view / session_start | 49 세션 | 100% | 100.0% |
| 2. 과일 사진 분석 시작 | analysis_start | 10 회 | 20.4% | 20.4% |
| 3. AI 분석 정상 완료 | analysis_complete | 8 회 | 80.0% | 16.3% |
| 4. 결과 공유하기 클릭 | share_click | 2 회 | 25.0% | 4.1% |
| 5. 쿠팡 검색어 복사/동선 | coupang_copy | 1 회 | 12.5% | 2.0% |
4. 데이터 신뢰도와 표본 크기
현재 초기 운영 단계로 총 49개의 유효 세션 데이터를 집계했습니다.
표본의 절대적 크기는 아직 소규모이지만, 어느 단계에서 가장 큰 병목(Bottleneck)이 발생하는지 명확한 질적 비율(Ratio)을 파악하는 데 매우 유용한 데이터입니다.
5. 발견한 문제
데이터를 확인해 보니 가장 심각한 이탈 구간은 "1단계(홈 진입) -> 2단계(사진 분석 시작)" 구간이었습니다.
- 전체 49명 방문자 중 실제로 과일 사진을 찍거나 올린 사람은 **10명(20.4%)에 불과**했습니다.
- 즉, 홈 화면에 들어온 사용자 10명 중 8명은 과일 사진을 찍어보지도 않고 바로 창을 닫아버리는 현상이 파악되었습니다.
- 반면, 일단 분석을 시작한 10명 중 **80%(8명)는 3초 이내에 결과를 끝까지 확인**하며 높은 완수율을 보였습니다.
6. 원인에 대한 가설
- **카메라 촬영 유도 버튼 미흡**: 홈 화면 진입 시 "사진 촬영/업로드" CTA(Call To Action) 버튼이 하단에 숨어 있거나 눈에 띄지 않음.
- **샘플 미리보기 부재**: 직접 사진을 찍기 전에 "이 서비스가 어떤 결과를 보여주는지" 예시 결과를 보여주지 않아서 망설이다 이탈.
- **가이드 방문자와 홈 방문자의 혼재**: 과일 가이드 글(`guide/사과.html`)로 검색 유입된 사용자가 분석 메인 페이지로 이동하는 동선이 약함.
7. 실제로 변경할 사항
- **CTA 버튼 디자인 및 배치 강화**: 홈 화면 최상단에 "3초 만에 사과/배/수박 맛 점수 확인하기" 대형 반짝이는 카메라 버튼 배치.
- **'샘플 결과 먼저보기' 카드 추가**: 사진이 없는 사용자도 버튼 하나로 시범 분석 결과를 체험해볼 수 있도록 대화형 튜토리얼 추가.
- **GA4 분석 이벤트 태깅 고도화 (`app.js`)**:
// GA4 커스텀 이벤트 심기 (app.js)
function trackAnalysisStart(fruitCategory, isCamera) {
if (typeof gtag === "function") {
gtag("event", "analysis_start", {
fruit_category: fruitCategory || "unknown",
upload_type: isCamera ? "camera" : "album",
});
}
}
function trackAnalysisComplete(fruitName, score, durationMs) {
if (typeof gtag === "function") {
gtag("event", "analysis_complete", {
fruit_name: fruitName,
score_result: score,
processing_time_ms: durationMs,
});
}
}8. 다음 측정 기준
다음 주 측정 목표:
- **홈 진입 대비 분석 시작률(`analysis_start`)**: 20.4% -> **35.0% 이상으로 끌어올리기**.
- **분석 완료 대비 공유률(`share_click`)**: 25.0% -> **35.0% 달성**.
9. 정리
단순 방문자 숫자놀음에 속지 않고 GA4 커스텀 이벤트로 사용자의 행동 퍼널을 분해해보면, 우리 서비스가 진짜 개선해야 할 핵심 단일 구간(시작 버튼 유도)을 명확하게 찾아낼 수 있습니다.
10. 관련 글
- [GA4 Data API로 주간 보고서 자동 생성하기](file:///Users/uram/dev/goodfruit/posts/08-ga4-data-api-weekly-report.md)
- [사진 한 장으로 과일 맛을 판정하는 서비스를 만든 이유](file:///Users/uram/dev/goodfruit/posts/01-why-built-goodfruit.md)
- [AI 서비스의 광고수익과 API 비용을 함께 계산하기](file:///Users/uram/dev/goodfruit/posts/10-ai-service-adsense-vs-api-cost.md)
실제 적용 서비스
사용자 퍼널이 고도화된 GoodFruit의 과일 사진 분석 흐름을 지금 직접 체험해보세요.
👉 [GoodFruit에서 과일 분석 시작해보기](https://fruit.nxnl.app/?utm_source=tistory&utm_medium=content&utm_campaign=goodfruit&utm_content=07_ga4_custom_events_completion_rate)