테마
Story: Surface → Deep 연결
메타
| 항목 | 값 |
|---|---|
| Story ID | E-02-S-05 |
| Epic | E-02 Deep Layer |
| 상태 | ready-for-dev |
| 우선순위 | P0 |
| 규모 | S |
| 담당 개발자 | 수민 (FE) |
사용자 스토리
As a 초보 셀러,
I want Surface Layer에서 "상세 보기"를 클릭하면 Deep Layer로 이동하고 싶다,
So that "왜 이 캠페인이 빨간불인지" 상세 데이터를 확인할 수 있다.
수락 기준 (Acceptance Criteria)
AC-01: Surface에서 상세 보기 링크
| 항목 | 내용 |
|---|---|
| Given | Surface Layer(광고 진단)에서 캠페인 카드를 보고 있을 때 |
| When | "상세 보기" 또는 캠페인 카드를 클릭하면 |
| Then | Deep Layer의 해당 캠페인 상세 페이지로 이동한다 |
AC-02: 진입 소스 추적
| 항목 | 내용 |
|---|---|
| Given | Surface에서 Deep으로 이동할 때 |
| When | GA4 이벤트가 발생하면 |
| Then | source: 'surface' 파라미터가 포함된다 |
AC-03: Deep에서 Surface로 돌아가기
| 항목 | 내용 |
|---|---|
| Given | Deep Layer 캠페인 상세에서 |
| When | 뒤로가기 또는 breadcrumb을 클릭하면 |
| Then | 원래 왔던 페이지(Surface 또는 캠페인 목록)로 돌아간다 |
태스크 분해
Task 1: Surface → Deep 링크 AC-01
- [ ] 1.1: Surface Layer 캠페인 카드에 링크 추가
- [ ] 1.2: 라우팅 연결 (/ad-analysis/campaigns/:campaignId)
Task 2: 진입 소스 추적 AC-02
- [ ] 2.1: URL 파라미터 또는 state로 source 전달
- [ ] 2.2: GA4 이벤트에 source 포함
Task 3: 네비게이션 AC-03
- [ ] 3.1: Breadcrumb 또는 뒤로가기 처리
- [ ] 3.2: history 관리
이벤트 로깅
| 이벤트명 | 트리거 | 파라미터 |
|---|---|---|
view_campaign_detail | 캠페인 상세 진입 | {campaign_id, source: 'surface'/'gnb'} |
생성일: 2026-01-20
