Flutter数据分析插件your_analytics的使用

Flutter数据分析插件your_analytics的使用

Your Analytics - Flutter Client SDK 是一个用于使用 Your Analytics API 的 Flutter 插件。

功能特性

跟踪功能:

  • trackVisit: 自动由客户端 SDK 处理。
  • trackPageView
  • trackEvent
  • trackRevenue
  • setPreferences

分析功能:

  • 用户获取:每日数据、新增用户等。
  • 参与度:事件细分、事件漏斗等。
  • 收入:收入漏斗等。

示例代码

示例代码可以在 /example 文件夹中找到。

使用步骤

1. 安装SDK

在项目的 pubspec.yaml 文件中添加插件:

$ flutter pub add your_analytics

2. 配置Your Analytics后端

在初始化 SDK 之前,您需要配置 Your Analytics 后端的 URL:

serverUrl: 您的 Your Analytics 管理员 URL,例如:http://localhost:3000/
apiServerUrl: 您的 Your Analytics 后端 URL,例如:http://localhost:3000/api/v1

3. 初始化SDK

main.dart 文件中初始化 SDK:

import 'package:your_analytics/your_analytics.dart';

Future<void> main() async {
  YourAnalytics analytics = YourAnalytics.instance;
  analytics.initialize(YourAnalyticsOptions(
    appId: '', // 替换为您的应用 ID
    baseUrl: 'http://localhost:3000/api/v1', // 替换为您的 API 基础 URL
    accessToken: null, // 如果需要用户认证,设置为您的访问令牌;否则设为 null
    allowStorage: true, // 是否允许存储数据
  ));

  runApp(const MyApp());
}

使用方法

1. 跟踪页面视图

await analytics.trackPageView(screenName: 'Home');

2. 跟踪事件

await analytics.trackEvent(
  category: 'Default',
  action: 'View Product',
  label: product.name,
  value: 0,
  details: {}, // 可选的附加信息
);

3. 跟踪收入

await analytics.trackRevenue(
  category: 'Default',
  product: 'Product A',
  value: 9.9,
  details: {}, // 可选的附加信息
);

4. 设置用户偏好

await analytics.setPreferences(
  gender: 'Men',
  ageRange: '21-29',
  interests: ['Food', 'Music'],
  others: {}, // 其他可选信息
);

5. 更新存储权限

await analytics.update(
  allowStorage: true, // 是否允许存储数据
);

完整示例代码

以下是一个完整的示例代码,展示了如何在 Flutter 应用中使用 your_analytics 插件:

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

Future<void> main() async {
  YourAnalytics analytics = YourAnalytics.instance;
  analytics.initialize(YourAnalyticsOptions(
    appId: '', // 替换为您的应用 ID
    baseUrl: 'http://localhost:3000/api/v1', // 替换为您的 API 基础 URL
    accessToken: null, // 如果需要用户认证,设置为您的访问令牌;否则设为 null
    allowStorage: true, // 是否允许存储数据
  ));

  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Your Analytics Demo page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            TextButton(
              child: const Text("Track PageView", style: TextStyle(fontSize: 20)),
              onPressed: () => trackPageView(),
            ),
            TextButton(
              child: const Text("Track Event", style: TextStyle(fontSize: 20)),
              onPressed: () => trackEvent(),
            ),
            TextButton(
              child: const Text("Track Revenue", style: TextStyle(fontSize: 20)),
              onPressed: () => trackRevenue(),
            ),
            TextButton(
              child: const Text("Set Preferences", style: TextStyle(fontSize: 20)),
              onPressed: () => setPreferences(),
            ),
            TextButton(
              child: const Text("Update allowStorage", style: TextStyle(fontSize: 20)),
              onPressed: () => update(),
            ),
          ],
        ),
      ),
    );
  }

  trackPageView() async {
    YourAnalytics analytics = YourAnalytics.instance;
    await analytics.trackPageView(screenName: 'Home');
    print('Page View tracked successfully.');
  }

  trackEvent() async {
    YourAnalytics analytics = YourAnalytics.instance;
    await analytics.trackEvent(
      category: 'Default',
      action: 'View Product',
      label: 'Product A',
      value: 0,
      details: {},
    );
    print('Event tracked successfully.');
  }

  trackRevenue() async {
    YourAnalytics analytics = YourAnalytics.instance;
    await analytics.trackRevenue(
      category: 'Default',
      product: 'Product A',
      value: 9.9,
      details: {},
    );
    print('Revenue tracked successfully.');
  }

  setPreferences() async {
    YourAnalytics analytics = YourAnalytics.instance;
    await analytics.setPreferences(
      gender: 'Men',
      ageRange: '21-29',
      interests: ['Food', 'Music'],
      others: {},
    );
    print('Preferences set successfully.');
  }

  update() async {
    YourAnalytics analytics = YourAnalytics.instance;
    await analytics.update(allowStorage: true);
    print('Allow storage updated successfully.');
  }
}

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

1 回复

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


your_analytics 是一个用于 Flutter 应用程序的数据分析插件,它可以帮助你轻松地集成各种分析服务,如 Google Analytics、Firebase Analytics 等。以下是如何在 Flutter 项目中使用 your_analytics 插件的基本步骤:

1. 添加依赖

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

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

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

2. 初始化插件

在你的 Flutter 应用程序中,你需要在 main.dart 文件中初始化 your_analytics 插件。

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  
  // 初始化 your_analytics
  await YourAnalytics.initialize(
    analyticsService: AnalyticsService.googleAnalytics, // 选择你使用的分析服务
    trackingId: 'YOUR_TRACKING_ID', // 你的跟踪ID
  );

  runApp(MyApp());
}

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

3. 发送事件

你可以在应用程序的任何地方使用 YourAnalytics 来发送事件。例如,在用户点击按钮时发送一个事件。

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

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Demo Home Page'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            // 发送一个自定义事件
            YourAnalytics.logEvent(
              eventName: 'button_click',
              parameters: {'button_id': 'my_button'},
            );
          },
          child: Text('Click Me'),
        ),
      ),
    );
  }
}

4. 设置用户属性

你还可以设置用户属性,以便更好地分析用户行为。

YourAnalytics.setUserProperty(
  name: 'user_type',
  value: 'premium',
);

5. 跟踪屏幕视图

你可以跟踪用户在应用程序中浏览的屏幕。

YourAnalytics.setCurrentScreen(
  screenName: 'HomePage',
);

6. 调试和分析

在开发过程中,你可以启用调试模式来查看发送的事件和日志。

YourAnalytics.setDebugEnabled(true);
回到顶部