Flutter数据追踪插件flutter_growingio_track_ns的使用
flutter_growingio_track #
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
更多关于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. 追踪页面
如果你需要追踪页面访问,可以在 StatefulWidget
的 initState
或 StatelessWidget
的 build
方法中调用 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(),
);
}
}