flutter如何集成umeng统计

在Flutter项目中如何集成Umeng统计功能？需要哪些具体步骤和配置？官方文档中提到的Android和iOS的集成方式是否有差异？有没有现成的Flutter插件可以直接使用，还是需要自己编写平台原生代码？集成过程中常见的坑有哪些需要注意？

2 回复

Flutter集成Umeng统计步骤如下：

  1. 添加依赖：在pubspec.yaml中添加umeng_common_sdk。
  2. 配置Android和iOS的AppKey。
  3. 初始化：在main.dart中调用初始化方法。
  4. 添加事件上报代码即可。

更多关于flutter如何集成umeng统计的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中集成友盟（Umeng）统计，可以通过以下步骤实现：

1. 添加依赖

在 pubspec.yaml 文件中添加 umeng_common_sdk 依赖：

dependencies:
  umeng_common_sdk: ^2.0.0  # 使用最新版本

2. 配置平台参数

Android 配置

  • 在 android/app/src/main/AndroidManifest.xml 中添加权限和AppKey：
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />

<application>
  <meta-data
    android:name="UMENG_APPKEY"
    android:value="YOUR_ANDROID_APP_KEY" />
</application>

iOS 配置

  • 在 ios/Runner/Info.plist 中添加：
<key>UMENG_APPKEY</key>
<string>YOUR_IOS_APP_KEY</string>

3. 初始化SDK

在 main.dart 的 main() 函数中初始化：

import 'package:umeng_common_sdk/umeng_common_sdk.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  
  // 初始化友盟
  UmengCommonSdk.initCommon(
    'YOUR_ANDROID_APP_KEY', 
    'YOUR_IOS_APP_KEY',
    'Umeng', 
    false
  );
  
  runApp(MyApp());
}

4. 页面统计

使用 WidgetsBindingObserver 监听页面生命周期：

class _MyHomePageState extends State<MyHomePage> with WidgetsBindingObserver {
  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.resumed) {
      UmengCommonSdk.onPageStart('HomePage');
    } else if (state == AppLifecycleState.paused) {
      UmengCommonSdk.onPageEnd('HomePage');
    }
  }

  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }
}

5. 自定义事件统计

// 记录事件
UmengCommonSdk.onEvent('button_click', {'button_name': 'login_btn'});

注意事项：

  1. 将 YOUR_ANDROID_APP_KEY 和 YOUR_IOS_APP_KEY 替换为实际值
  2. iOS 可能需要额外配置隐私描述
  3. 建议在发布模式下启用统计，开发时关闭

完成以上步骤后，重新运行 flutter pub get 和 flutter run 即可生效。

回到顶部