본문 바로가기
Develop/Data Analytics

Mixpanel Event, Property, Trigger, User에 대하여

by 라이프레이서 2021. 5. 26.

목차

    반응형

    Mixpanel을 도입하기 전, 기본 개념인 Event, Property, Trigger, User에 대해 정리한 글입니다.

     

    Event?

    블로그 홈 페이지를 예로 들어보겠습니다.

    사용자가 '구독하기'라는 버튼을 누르는 행동을 하면, '구독 Event가 발생했다'라고 말합니다.
    -> Event Name은 Subscribe

     

    사용자가 '구매 완료'를 한 경우 Event Name은 Purchase Complete가 되겠죠?

     

    Property?

    이 Event에 '누가? 무슨 상품을? 언제? 얼마에? 어떤 결제 수단으로?'
    와 같은 정보를 함께 보내줘야 하는데, 이 '정보'들을 Property라고 합니다.

    Mixpanel에 실제로 전달할때는 객체 형태로 전달합니다.

    형태는 다음과 같습니다.

    {
      '속성 이름1': '속성 값1',
      '속성 이름2': '속성 값2'
    }

    User Property?

    사용자가 '어떤 특성을 가진' 사용자인지를 나타내는 속성을 User Property라고 합니다.
    이름, 이메일, 아이디 등의 정보가 들어갈 수 있습니다.
    필요에 따라 구매한 상품 리스트, 이때까지의 구매 카운트 등의 정보를 담을 수 있습니다.

    Mixpanel에 전달하는 형태는 위에 설명드린 Property의 형태와 같습니다.

    Trigger?

    이벤트를 Mixpanel로 보내는 시점을 'Trigger'라고 합니다.
    구매완료의 경우 '구매 완료 페이지가 떴을 때'를 Trigger로,
    구매 시작의 경우 '구매하기 버튼을 클릭했을 때' 또는 '주문서 작성 페이지를 봤을 때'를 Trigger로 설정할 수 있습니다.

     

    예시

    A라는 사람이 '코트'라는 상품을 구매한 경우의 예시입니다.
    Trigger = 구매 완료 페이지

    var eventName = 'Complete Purchase';
    var eventProperty = {
      Item Name': '코트',
      Color': '블랙',
      결제 금액': 78000,
      결제 수단': '신용카드'
    };
    mixpanel.track(eventName, evnetProperty);
    //이벤트 정보를 Mixpanel로 전송
    
    var userProperty = {
      Purchase Counts': 기존 숫자 + 1,
      구매한 물품 리스트': 기존 구매 리스트에 '코트' 추가
    }
    mixpanel.people.set(userProperty);
    // Mixpanel에 User Property 설정 요청




    연습 문제

    ['구매 취소'라는 행동을 하는 경우?]
    Trigger = '구매 취소 되었습니다'라는 알림이 뜰 때
    Event Name은 Cancel Purchase
    Event Property는 '취소 상품' : '코트'
    User Property는 '구매한 물품 리스트': 기존 구매 리스트에서 '코트' 제외

    ['상품 상세 페이지를 보는 경우?]
    Trigger = 상품 상세 페이지
    Event Name은 View Item Detail
    Event Property는 {
    Item Name': '코트',
    Item Cost': 78000
    }

    [여러개의 구매하기 버튼 중 어느 위치의 버튼을 클릭하는지 추적하고 싶다면?]
    Trigger = 각각의 구매하기 버튼을 클릭했을 때
    Event Name은 Checkout Start
    Event Property는 {
    Button Location': 'Top / Middle / Bottom'
    }

    반응형