GA 트래킹 디자인·태깅 구조¶
요지¶
GA 트래킹은 눈에 보이는 화면이 없는 인프라 기능이라, 디자인이 그릴 전용 화면도 없다. 그래서 여기서 디자인이 하는 일은 "어떤 UI 요소에 어떤 이벤트를 붙이는가"의 매핑이다.
상위 PRD (링크)¶
기획(명명 규칙·환경 분리·자동 page_view)은 prd, 구현은 frd.
사용자 플로우¶
전용 화면 없음. 각 기능 화면의 인터랙션 지점에 이벤트가 부착된다(라우트 진입 시 page_view 자동 전송).
화면 · 컴포넌트 (태깅 대상)¶
- GNB: 로고·알림·프로필·로그아웃 →
gnb_logo_click/gnb_alarm_click/gnb_profile_click/gnb_logout_click. - 스터디룸/수업노트/질문/과제: 카드·버튼·탭 →
[domain]_[object]_[action]. - 상태 분기: 성공/실패 이벤트는
_success/_fail접미. - 디자인 에셋 없음. 이벤트 명명·파라미터 규약은 frd §명명 규칙, 토큰 일반 규약 design-system.
인터랙션 · 상태¶
- 클릭·폼 제출·노출 시점에 트래킹. 디자인은 별도 시각 표현 없이 이벤트 부착 지점(접근성 라벨·data 속성)만 명시.
접근성¶
- 접근성 라벨이 곧 이벤트
text/target파라미터의 소스가 될 수 있다 — 라벨링과 태깅을 일관되게 유지.
개발 핸드오프 노트¶
- 별도 반응형 영향 없음(공통 responsive 준수).
- 각 화면 컴포넌트에 부착할 이벤트명·파라미터를 dev-handoff 규약으로 전달. 측정ID 등 키 값은 환경변수로만 — 본 문서·핸드오프에 미기재.