Flutter用户行为追踪插件growingio_tracker_flutter_plugin的使用

Flutter用户行为追踪插件growingio_tracker_flutter_plugin的使用

GrowingIO Flutter Tracker Plugin.

GrowingIO Flutter SDK 提供了 无埋点SDK埋点SDK 两个版本:

  • 埋点SDK 只自动采集用户访问事件,需要开发同学调用相应埋点 API 采集埋点事件;
  • 无埋点SDK 具备埋点SDK的所有功能,同时具备自动采集基本用户行为事件,如页面访问,点击事件等。

该仓库为 Flutter 埋点插件仓库。


GrowingIO简介

GrowingIO

GrowingIO(北京易数科技有限公司)是基于用户行为数据的增长平台,国内领先的数据运营解决方案供应商。为产品、运营、市场、数据团队及管理者等,提供客户数据平台、获客分析、产品分析、智能运营等产品和咨询服务,帮助企业在数据化升级的路上,提升数据驱动能力,实现更好的增长。

GrowingIO 专注于零售、电商、金融、酒旅航司、教育、内容社区、B2B等行业,成立以来,服务上千家企业级客户,获得迪奥、安踏、喜茶、招商仁和人寿、上汽集团、东航、春航、首旅如家、陌陌、滴滴、爱奇艺、新东方等客户的青睐。


集成文档

Flutter SDK 集成文档


完整示例代码

以下是一个完整的 Flutter 应用程序中使用 growingio_tracker_flutter_plugin 插件的示例。

1. 添加依赖

pubspec.yaml 文件中添加插件依赖:

dependencies:
  growingio_tracker_flutter_plugin: ^最新版本号

运行 flutter pub get 安装依赖。

2. 初始化 GrowingIO

main.dart 中初始化 GrowingIO SDK:

import 'package:flutter/material.dart';
import 'package:growingio_tracker_flutter_plugin/growingio_tracker_flutter_plugin.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'GrowingIO 示例',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: HomePage(),
    );
  }
}

HomePage 中初始化 GrowingIO:

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  @override
  void initState() {
    super.initState();
    // 初始化 GrowingIO
    GrowingIOTrackerPlugin.init('项目ID', '数据收集点');
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('GrowingIO 示例'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: () {
                // 手动触发事件
                GrowingIOTrackerPlugin.trackEvent('按钮点击事件');
              },
              child: Text('点击我触发事件'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                // 页面跳转并记录页面访问
                Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) => SecondPage()),
                );
              },
              child: Text('跳转到第二个页面'),
            ),
          ],
        ),
      ),
    );
  }
}

3. 第二个页面

创建 SecondPage 并记录页面访问:

class SecondPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('第二个页面'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            // 返回上一页
            Navigator.pop(context);
          },
          child: Text('返回首页'),
        ),
      ),
    );
  }
}

4. 自定义事件

你可以在任意位置手动触发自定义事件:

ElevatedButton(
  onPressed: () {
    // 手动触发自定义事件
    GrowingIOTrackerPlugin.trackEvent('自定义事件名称', {'参数1': '值1', '参数2': '值2'});
  },
  child: Text('触发自定义事件'),
)

更多关于Flutter用户行为追踪插件growingio_tracker_flutter_plugin的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter用户行为追踪插件growingio_tracker_flutter_plugin的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


growingio_tracker_flutter_plugin 是 GrowingIO 提供的一个用于在 Flutter 应用中追踪用户行为的插件。通过集成该插件,你可以轻松地将用户行为数据发送到 GrowingIO 平台,以便进行数据分析、用户行为洞察和产品优化。

以下是使用 growingio_tracker_flutter_plugin 的基本步骤:

1. 添加依赖

首先,你需要在 pubspec.yaml 文件中添加 growingio_tracker_flutter_plugin 插件的依赖。

dependencies:
  flutter:
    sdk: flutter
  growingio_tracker_flutter_plugin: ^最新版本

然后运行 flutter pub get 来安装依赖。

2. 初始化插件

在你的 Flutter 项目中,通常在 main.dart 文件中初始化 GrowingIO 插件。你需要提供你的项目 ID 和渠道信息。

import 'package:flutter/material.dart';
import 'package:growingio_tracker_flutter_plugin/growingio_tracker_flutter_plugin.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();

  // 初始化 GrowingIO 插件
  GrowingioTrackerFlutterPlugin.init(
    projectId: '你的项目ID',
    channel: '你的渠道信息', // 例如 'App Store' 或 'Google Play'
  );

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

3. 设置用户 ID

如果你需要追踪特定用户的行为,可以设置用户 ID。通常,你可以在用户登录后设置用户 ID。

GrowingioTrackerFlutterPlugin.setUserId('用户ID');

4. 追踪事件

你可以使用 trackCustomEvent 方法来追踪自定义事件。

GrowingioTrackerFlutterPlugin.trackCustomEvent(
  eventName: '自定义事件名称',
  attributes: {
    'key1': 'value1',
    'key2': 'value2',
  },
);

5. 追踪页面访问

你可以使用 trackPageView 方法来追踪页面访问。

GrowingioTrackerFlutterPlugin.trackPageView(
  pageName: '页面名称',
  attributes: {
    'key1': 'value1',
    'key2': 'value2',
  },
);

6. 设置用户属性

你可以使用 setUserAttributes 方法来设置用户属性。

GrowingioTrackerFlutterPlugin.setUserAttributes({
  'key1': 'value1',
  'key2': 'value2',
});

7. 其他功能

growingio_tracker_flutter_plugin 还提供了其他功能,例如:

  • 设置用户标签setUserTag
  • 设置用户位置setLocation
  • 设置用户设备信息setDeviceInfo

你可以根据需要在适当的地方调用这些方法。

8. 调试模式

在开发阶段,你可以启用调试模式以便查看日志信息。

GrowingioTrackerFlutterPlugin.setDebugMode(true);

9. 处理隐私合规

根据 GDPR 等隐私法规的要求,你可能需要处理用户的数据收集同意。你可以使用以下方法来控制数据收集:

GrowingioTrackerFlutterPlugin.setDataCollectionEnabled(true); // 启用数据收集
GrowingioTrackerFlutterPlugin.setDataCollectionEnabled(false); // 禁用数据收集
回到顶部