<aside> 💾

이 문서를 통해 아래 질문이 해결되길 기대해요!

• KOS에서 새로운 제품 이벤트를 정의해야 할 때, 누가 어떻게 추가해야하나요?
• KOS의 이벤트는 왜 이런 형식으로 네이밍되었나요?
• KOS는 개발자가 어떤 이벤트를 언제 트래킹해야 하는 지를 어떻게 알 수 있나요?

최근 업데이트: November 27, 2024

</aside>

코스의 이벤트 관리 방법 (Taxonomy)

<aside> 👨🏽‍🏫

코스는 ‣ 노션 데이터베이스에서 모든 제품 이벤트들을 관리하고 있어요.

</aside>

• 우리는 데이터 기반으로 효과적이고 효율적인 의사결정을 중요하게 생각해요.
• 어떤 이벤트를 어떻게 측정할 것인가 아는 것이 중요하기 때문에 이벤트와 설명을 한 곳에 모아 파편화를 방지하고, 정보 접근성을 높였어요.
• 덕분에 제품을 만드는 모두가 이벤트의 용도와 수집 시점에 대해 쉽게 알 수 있게되었어요.

네이밍 컨벤션

<aside> 👨🏽‍🏫

이벤트명은 네이밍 컨벤션에 맞게 자동 생성돼요.

이벤트명이 어떻게 자동 생성되는 지는 새로운 이벤트 정의에서 자세히 설명해요. 그 전에 이벤트명을 이해하는 방법을 설명할게요!

</aside>

구성

코스의 이벤트 명은 이렇게 생겼어요

<aside>

click.delete_button+purchased_item_card+purchase_drawer

</aside>

Action . Components 로 조합되는 이벤트 명, 하나씩 알아볼까요?

<aside>

Action

• 클릭, 노출, 스크롤, 키보드 입력 등 실제 행동 또는 결과를 표현해요. </aside>

<aside>

Components

• 액션 또는 결과가 발생한 ui + 해당 ui로 접근하기 위한 플로우를 표현해요.
• 예를 들어, 수납 드로워 안에, 수납 카드 컴포넌트에 사용된 삭제 버튼을 클릭하는 액션이 발생했다면, Components는 삭제버튼+수납카드+수납드로워의 구조로 구성돼요. </aside>

<aside>

. , +

• 이벤트 명은 공백이 없는 알파벳 소문자, . , + 의 조합으로 구성되어 있어요.

• . 은 Action, Components를 구분할 때 사용해요.

• + 은 Components내에 있는, 각각의 Component를 구분할 때 사용해요.

  ex) click.purchase+button

</aside>

순서

미국 주소 같은 코스의 이벤트 명

• 코스의 이벤트는 **‘미국 주소’**처럼 작은 단위로 시작해서 뒤로 갈수록 큰 단위가 등장하도록 구성되어 있어요.

• 이벤트명이 길어져 Amplitude와 같은 분석 툴에서 잘렸을 때, 어떤 이벤트인지 쉽게 구분할 수 있기 때문이에요.

  

직접 하면서 비교해볼까요? (장점은 무엇?)