📝 실전 예제: 재능넷 스타일 앱의 이벤트 트래킹

자, 이제 재능넷 같은 재능 거래 플랫폼에서 어떻게 이벤트 트래킹을 구현할지 실전 예제를 살펴볼게요!

1. 핵심 이벤트 정의하기

먼저 추적할 핵심 이벤트를 정의해볼게요:

enum TalentEvent {
  // 화면 조회 이벤트
  viewHome,
  viewCategory,
  viewTalentDetail,
  viewSellerProfile,
  
  // 액션 이벤트
  search,
  filter,
  contactSeller,
  addToFavorites,
  
  // 전환 이벤트
  startPurchase,
  completePurchase,
  
  // 사용자 참여 이벤트
  rateService,
  leaveReview,
  shareContent
}

2. 이벤트 트래커 구현하기

class TalentEventTracker {
  final AnalyticsService _analytics;
  
  TalentEventTracker(this._analytics);
  
  // 화면 조회 이벤트
  void trackScreenView(TalentEvent event, Map<String, dynamic> params) {
    switch (event) {
      case TalentEvent.viewHome:
        _analytics._analytics.logEvent(
          name: 'view_home',
          parameters: {
            'source': params['source'] ?? 'direct',
            ...params,
          },
        );
        break;
        
      case TalentEvent.viewCategory:
        _analytics._analytics.logEvent(
          name: 'view_category',
          parameters: {
            'category_id': params['category_id'],
            'category_name': params['category_name'],
            ...params,
          },
        );
        break;
        
      case TalentEvent.viewTalentDetail:
        _analytics._analytics.logEvent(
          name: 'view_talent_detail',
          parameters: {
            'talent_id': params['talent_id'],
            'talent_name': params['talent_name'],
            'seller_id': params['seller_id'],
            'price': params['price'],
            'category': params['category'],
            ...params,
          },
        );
        break;
        
      // 다른 케이스들...
      default:
        break;
    }
  }
  
  // 액션 이벤트
  void trackAction(TalentEvent event, Map<String, dynamic> params) {
    // 구현 생략...
  }
  
  // 전환 이벤트
  void trackConversion(TalentEvent event, Map<String, dynamic> params) {
    // 구현 생략...
  }
}

3. 실제 사용 예시

class TalentDetailScreen extends StatefulWidget {
  final String talentId;
  final String talentName;
  
  TalentDetailScreen({required this.talentId, required this.talentName});
  
  @override
  _TalentDetailScreenState createState() => _TalentDetailScreenState();
}

class _TalentDetailScreenState extends State<TalentDetailScreen> {
  late TalentEventTracker _eventTracker;
  
  @override
  void initState() {
    super.initState();
    _eventTracker = TalentEventTracker(
      Provider.of<AnalyticsService>(context, listen: false)
    );
    
    // 화면 진입 시 이벤트 기록
    WidgetsBinding.instance.addPostFrameCallback((_) {
      _trackScreenView();
    });
  }
  
  void _trackScreenView() {
    _eventTracker.trackScreenView(
      TalentEvent.viewTalentDetail,
      {
        'talent_id': widget.talentId,
        'talent_name': widget.talentName,
        'seller_id': '123', // 실제로는 동적 데이터
        'price': 50000,
        'category': '디자인',
        'source': 'search_results',
      },
    );
  }
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('재능 상세'),
        actions: [
          IconButton(
            icon: Icon(Icons.favorite_border),
            onPressed: () {
              // 즐겨찾기 추가 이벤트 기록
              _eventTracker.trackAction(
                TalentEvent.addToFavorites,
                {
                  'talent_id': widget.talentId,
                  'talent_name': widget.talentName,
                },
              );
              
              // 실제 즐겨찾기 추가 로직
              // ...
            },
          ),
        ],
      ),
      body: Column(
        children: [
          // 재능 상세 정보 UI
          // ...
          
          ElevatedButton(
            onPressed: () {
              // 구매 시작 이벤트 기록
              _eventTracker.trackConversion(
                TalentEvent.startPurchase,
                {
                  'talent_id': widget.talentId,
                  'talent_name': widget.talentName,
                  'price': 50000,
                },
              );
              
              // 구매 화면으로 이동
              Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context) => PurchaseScreen(
                    talentId: widget.talentId,
                  ),
                ),
              );
            },
            child: Text('구매하기'),
          ),
        ],
      ),
    );
  }
}

이런 식으로 구현하면 사용자의 모든 중요 행동을 추적할 수 있어요! 👀