Flutter数据追踪插件flutter_growingio_track_ns的使用

发布于 1周前 作者 itying888 来自 Flutter

flutter_growingio_track #

VersionPub

GrowingIO的埋点版本flutter插件.

接入文档请参见官网文档, 实例请参照项目example

example/lib/main.dart

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

import 'package:flutter/services.dart';
import 'package:flutter_growingio_track_ns/flutter_growingio_track.dart';

void main() => runApp(new MyApp());

class MyApp extends StatefulWidget {
  [@override](/user/override)
  _MyAppState createState() => new _MyAppState();
}

class MyButton extends StatelessWidget {

  final VoidCallback onPressed;
  final String text;

  const MyButton({
    Key key,
    @required this.text,
    @required this.onPressed
  }): super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return new FlatButton(onPressed: this.onPressed, child: new Text(this.text, style: TextStyle(fontSize: 20.0),));
  }

}

class _MyAppState extends State<MyApp> {
  String _platformVersion = 'Unknown';

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  // Platform messages are asynchronous, so we initialize in an async method.
  Future<void> initPlatformState() async {
    String platformVersion;
    platformVersion = 'Failed to get platform version.';

    // 如果小部件从树中移除时异步平台消息仍在飞行中,我们希望丢弃回复而不是调用
    // setState 来更新我们的非存在的外观。
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  // 调用track方法进行事件追踪
  void _clickTrack(){
    GrowingIO.track('eventId'); // 基本事件追踪
    GrowingIO.track('testEventId', num: 23.0, variable: {'testKey': 'testValue', 'testNumKey': 233}); // 带有数值和变量的事件追踪
    GrowingIO.track('eventId', num: 23.0); // 带有数值的事件追踪
    GrowingIO.track('eventId', variable: {'testkey': 'testValue', 'testNumKey': 2333}); // 带有变量的事件追踪
  }

  // 设置evar(自定义变量)
  void _clickEvar(){
    GrowingIO.setEvar({
      'testKey': 'testValue', 'testNumKey': 2333.0
    });
  }

  // 设置用户属性
  void _clickSetPeopleVariable(){
    GrowingIO.setPeopleVariable({
      'testKey': 'testValue', 'testNumKey': 2333.0
    });
  }

  // 设置用户ID
  void _clickSetUserId(){
    GrowingIO.setUserId("testUserId");
  }

  // 清除用户ID
  void _clickClearUserId(){
    GrowingIO.clearUserId();
  }

  // 设置访客变量
  void _clickSetVisitor(){
    GrowingIO.setVisitor({
      "visitorKey": 'key', "visitorValue": 34
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Scaffold(
        appBar: new AppBar(
          title: const Text('Plugin example app'),
        ),
        body: new Center(
          child: new Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              new MyButton(text: "track", onPressed: _clickTrack), // 跟踪事件按钮
              new MyButton(text: "setEvar", onPressed: _clickEvar), // 设置evar按钮
              new MyButton(text: "setPeopleVariable", onPressed: _clickSetPeopleVariable), // 设置用户属性按钮
              new MyButton(text: "setUserId", onPressed: _clickSetUserId), // 设置用户ID按钮
              new MyButton(text: "clearUserId", onPressed: _clickClearUserId), // 清除用户ID按钮
              new MyButton(text: "setVisitor", onPressed: _clickSetVisitor) // 设置访客变量按钮
            ],
          ),
        ),
      ),
    );
  }
}

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

1 回复

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


flutter_growingio_track_ns 是一个用于在 Flutter 应用中集成 GrowingIO 数据追踪的插件。GrowingIO 是一款用户行为分析工具,可以帮助开发者追踪用户行为、分析用户路径、优化产品体验等。

以下是如何在 Flutter 项目中使用 flutter_growingio_track_ns 插件的步骤:

1. 添加依赖

首先,在 pubspec.yaml 文件中添加 flutter_growingio_track_ns 插件的依赖:

dependencies:
  flutter:
    sdk: flutter
  flutter_growingio_track_ns: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来获取依赖。

2. 初始化 GrowingIO

main.dart 文件中初始化 GrowingIO。通常,你需要在 main() 函数中调用初始化方法:

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  // 初始化 GrowingIO
  await FlutterGrowingIOTrackNs.init(
    projectId: 'YOUR_PROJECT_ID',  // 替换为你的 GrowingIO 项目 ID
    urlScheme: 'YOUR_URL_SCHEME',  // 替换为你的 URL Scheme
    debug: true,  // 是否开启调试模式
  );

  runApp(MyApp());
}

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

3. 设置用户信息

如果你需要追踪用户信息,可以使用 setUserId 方法:

FlutterGrowingIOTrackNs.setUserId('USER_ID');  // 替换为你的用户 ID

4. 追踪事件

你可以使用 track 方法来追踪自定义事件:

FlutterGrowingIOTrackNs.track(
  eventId: 'YOUR_EVENT_ID',  // 替换为你的事件 ID
  eventAttributes: {
    'key1': 'value1',
    'key2': 'value2',
  },
);

5. 追踪页面

如果你需要追踪页面访问,可以在 StatefulWidgetinitStateStatelessWidgetbuild 方法中调用 trackPage 方法:

[@override](/user/override)
void initState() {
  super.initState();
  FlutterGrowingIOTrackNs.trackPage(
    pageName: 'HomePage',  // 替换为你的页面名称
  );
}

6. 处理 Deeplink

如果你需要处理 Deeplink,可以在 FlutterGrowingIOTrackNs.init 中设置 urlScheme,并在 MaterialApp 中配置 onGenerateRoute

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      onGenerateRoute: (settings) {
        // 处理 Deeplink
        FlutterGrowingIOTrackNs.handleDeeplink(settings.name);
        return null;
      },
      home: MyHomePage(),
    );
  }
}
回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!