Flutter：如何設定 Mixpanel 進行分析

摘要

本文探討如何在 Flutter 應用程式中有效整合 Mixpanel，以提升數據分析能力和個人化體驗，幫助開發者更好地理解使用者行為。 歸納要點:

• 深入解析 Mixpanel 超參數功能,針對不同用戶(如付費與免費用戶)設定精細化的使用者行為分析。
• 利用 Mixpanel 的錯誤追蹤和 Flutter 的錯誤處理機制,有效捕捉應用程式錯誤並即時監控,提升應用穩定性。
• 結合 A/B 測試與 Mixpanel 資料分析,追蹤不同版本 App 的使用者行為,以優化設計方案和功能。

掌握使用者資料，精準掌握App成功關鍵

dependencies:   mixpanel_flutter: ^2.3.3 // Get the Latest Version

flutter pub get

import 'package:mixpanel_flutter/mixpanel_flutter.dart';  class _YourClassState extends State {   late Mixpanel mixpanel;    @override   void initState() {     super.initState();     initMixpanel();   }    Future initMixpanel() async {     mixpanel = await Mixpanel.init("YOUR_PROJECT_TOKEN", trackAutomaticEvents: true);   } }

 ElevatedButton(             onPressed: () {               unawaited(mixpanel.track('Event Name', properties: {'Property Key': 'Property Value'}));        },             child: const Text('Track Event'),           ),  

Flutter 分析事件最佳化：unawaited 與現代化監控策略

//analytics_client.dart import 'dart:developer'; import 'package:flutter/foundation.dart'; import 'package:mixpanel_flutter/mixpanel_flutter.dart';  class AnalyticsClient {   const AnalyticsClient(this._mixpanel);   final Mixpanel _mixpanel;    Future track(     String name, {     Map params = const {},   }) async {     if (kReleaseMode) {       await _mixpanel.track(name, properties: params);     } else {       log('$name $params', name: 'Event');     }   } }

//mixpanel_manager.dart import 'package:flutter/foundation.dart'; import 'package:mixpanel_flutter/mixpanel_flutter.dart';  class MixpanelManager {   static Mixpanel? _instance;    static Future init() async {     if (_instance == null) {       _instance = await Mixpanel.init("YOUR_PROJECT_KEY",           optOutTrackingDefault: true, trackAutomaticEvents: true);       if (!kReleaseMode) {         _instance?.setLoggingEnabled(true);       }     }     return _instance!;   }    static Mixpanel get instance {     if (_instance == null) {       throw StateError('Mixpanel must be initialized with init() first');     }     return _instance!;   } }

//main.dart import 'dart:async';  import 'package:flutter/material.dart'; import 'package:mixpanel_example/analytics_client.dart'; import 'package:mixpanel_example/mixpanel_manager.dart';  void main() async {   WidgetsFlutterBinding.ensureInitialized();   await MixpanelManager.init();   runApp(const MainApp()); }  class MainApp extends StatelessWidget {   const MainApp({super.key});    @override   Widget build(BuildContext context) {     return const MaterialApp(home: Mainpage());   } }  class Mainpage extends StatefulWidget {   const Mainpage({super.key});    @override   State createState() => _MainpageState(); }  class _MainpageState extends State {   final AnalyticsClient _mixpanel = AnalyticsClient(MixpanelManager.instance);   bool isEnable = false;   @override   Widget build(BuildContext context) {     return Scaffold(       body: Column(         mainAxisAlignment: MainAxisAlignment.center,         children: [           const Center(             child: Text('Mixpanel Example...'),           ),           Switch(               value: isEnable,               onChanged: (val) {                 isEnable = !isEnable;                 _onSwitchChanged(val);               }),           ElevatedButton(             onPressed: () {               unawaited(_mixpanel.track('Button Client', params: {                 'page': "MainPage",               }));             },             child: const Text('Track Event'),           ),         ],       ),     );   }    void _onSwitchChanged(bool value) {     if (value) {       _handleOptIn();     } else {       _handleOptOut();     }     setState(() {       isEnable = value;     });   } } /// Calls the [MixpanelManager.optInTracking] method to enable analytics tracking /// for the current user. void _handleOptIn() {   MixpanelManager.instance.optInTracking();  }  /// Calls the [MixpanelManager.optOutTracking] method to disable analytics tracking /// for the current user and stops collecting their data. void _handleOptOut() {   MixpanelManager.instance.optOutTracking(); }

mixpanel.identify('USER_ID');

mixpanel.getPeople().set('Email', '[email protected]'); mixpanel.getPeople().set('Name', 'Kasun dananjaya');

mixpanel.reset();