전체 글로 돌아가기

[운영] GA4 커스텀 이벤트로 과일 사진 분석 완료율 측정하기

GA4 커스텀 이벤트를 이용해 서비스 진입부터 과일 사진 분석 완료 및 공유까지의 사용자 퍼널 전환율을 정밀 조동 측정한 운영기입니다.

fruit.nxnl.appGoodFruit
GA4데이터분석GoogleAnalytics

[운영] 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)

내부 원문 복사