빠른 참조

Mixpanel JavaScript SDK 치트 시트

Mixpanel JavaScript 라이브러리 빠른 참고 가이드: 사용자 식별, 프로필 속성, 슈퍼 프로퍼티(Super Properties) 및 이벤트 추적.

· 게시일

Mixpanel은 웹 및 모바일 애플리케이션을 위한 이벤트 분석과 사용자 행동 텔레메트리를 제공합니다.

초기화 (Initialization)

import mixpanel from 'mixpanel-browser';

mixpanel.init('YOUR_PROJECT_TOKEN', {
  debug: false,
  track_pageview: true,
  persistence: 'localStorage'
});

사용자 식별 및 프로필

// 익명 세션을 등록된 사용자 ID에 연결
mixpanel.identify('user_1024');

// People에 사용자 프로필 속성 설정
mixpanel.people.set({
  $name: 'Alice Cooper',
  $email: '[email protected]',
  plan: 'Enterprise',
  team_size: 15
});

// 숫자형 속성 증가
mixpanel.people.increment('login_count');

슈퍼 프로퍼티 (Super Properties)

슈퍼 프로퍼티는 세션 전반에 유지되며 이후 발생하는 모든 이벤트에 자동으로 포함됩니다:

// 영구 속성 등록
mixpanel.register({
  app_version: '2.4.0',
  tier: 'premium'
});

// 아직 설정되지 않은 경우에만 등록
mixpanel.register_once({
  first_touch_campaign: 'google_ads'
});

이벤트 추적 (Event Tracking)

// 기본 이벤트
mixpanel.track('Sign Up Clicked');

// 구조화된 메타데이터가 포함된 이벤트
mixpanel.track('Purchase Completed', {
  product_id: 'prod_99',
  category: 'Subscription',
  price: 49.99,
  currency: 'USD'
});

// 로그아웃 시 사용자 세션 초기화
mixpanel.reset();

참고 자료

관련 주제