Flutter增长工具插件flutter_pangrowth的使用

Flutter增长工具插件flutter_pangrowth的使用

简介

flutter_pangrowth 是一个可以帮助开发者直接引入穿山甲内容输出,为自己app无侵入快速引入小说、视频内容的插件。

说明

使用 flutter_pangrowth 插件,必须先接入穿山甲广告插件 flutter_unionad, 否则将无法显示广告。

接入文档

本地环境

[✓] Flutter (Channel stable, 3.10.6, on macOS 13.5 22G74 darwin-x64, locale
    zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.1)
[✓] Xcode - develop for iOS and macOS (Xcode 14.3.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2022.1)
[✓] IntelliJ IDEA Ultimate Edition (version 2023.2)
[✓] VS Code (version 1.80.2)
[✓] Connected device (4 available)
[✓] Network resources

原生SDK版本

1. android

3.9.0.2

2. ios

3.9.0.2(短视频静态库)

集成步骤

1. pubspec.yaml

pubspec.yaml 文件中添加依赖:

dependencies:
  flutter_pangrowth: ^1.0.9
  flutter_unionad: 1.3.27

2. 引入

在 Dart 文件中引入插件:

import 'package:flutter_pangrowth/flutter_pangrowth.dart';

使用文档

短视频使用文档

短视频使用文档

短剧使用文档

短剧使用文档

插件链接

插件 地址
字节-穿山甲广告插件 flutter_unionad
腾讯-优量汇广告插件 flutter_tencentad
百度-百青藤广告插件 baiduad
字节-Gromore聚合广告 gromore
Sigmob广告 sigmobad
聚合广告插件(迁移至GTAds) flutter_universalad
GTAds聚合广告 GTAds
字节穿山甲内容输出插件 flutter_pangrowth
文档预览插件 file_preview
滤镜 gpu_image

开源不易,觉得有用的话可以请作者喝杯奶茶🧋

联系方式


完整示例 Demo

以下是完整的示例代码,展示如何在 Flutter 应用中集成 flutter_pangrowth 插件并调用不同功能(小说、视频、短剧)。

import 'package:flutter/material.dart';
import 'package:flutter_pangrowth_example/novel/novel_page.dart';
import 'package:flutter_pangrowth_example/playlet/playlet_page.dart';
import 'package:flutter_pangrowth_example/video/video_page.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  [@override](/user/override)
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('穿山甲内容输出插件'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            // 小说
            MaterialButton(
              color: Colors.blue,
              textColor: Colors.white,
              child: const Text('小说'),
              onPressed: () async {
                Navigator.push(
                  context,
                  MaterialPageRoute(
                    builder: (_) {
                      return const NovelPage();
                    },
                  ),
                );
              },
            ),
            // 视频
            MaterialButton(
              color: Colors.blue,
              textColor: Colors.white,
              child: const Text('视频'),
              onPressed: () async {
                Navigator.push(
                  context,
                  MaterialPageRoute(
                    builder: (_) {
                      return const VideoPage();
                    },
                  ),
                );
              },
            ),
            // 短剧
            MaterialButton(
              color: Colors.blue,
              textColor: Colors.white,
              child: const Text('短剧'),
              onPressed: () async {
                Navigator.push(
                  context,
                  MaterialPageRoute(
                    builder: (_) {
                      return const PlayletPage();
                    },
                  ),
                );
              },
            ),
          ],
        ),
      ),
    );
  }
}

更多关于Flutter增长工具插件flutter_pangrowth的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter增长工具插件flutter_pangrowth的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然,下面是一个关于如何使用 flutter_pangrowth 插件的基本示例代码。这个插件通常用于集成字节跳动(ByteDance)的增长工具(Pangrowth),以便在 Flutter 应用中实现用户增长相关的功能,如事件追踪、渠道统计等。

首先,确保你已经在 pubspec.yaml 文件中添加了 flutter_pangrowth 依赖:

dependencies:
  flutter:
    sdk: flutter
  flutter_pangrowth: ^最新版本号  # 请替换为实际发布的最新版本号

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

接下来,在你的 Flutter 应用中实现初始化和使用 flutter_pangrowth 的代码。

1. 初始化插件

在你的主应用文件(通常是 main.dart)中,初始化 flutter_pangrowth 插件。

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

void main() {
  // 初始化 Pangrowth 插件
  Pangrowth.instance.init(
    appId: '你的AppID',  // 替换为你的实际AppID
    channel: '你的渠道标识',  // 可选,替换为你的渠道标识
  );

  runApp(MyApp());
}

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

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Pangrowth Demo'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: _trackEvent,
          child: Text('Track Event'),
        ),
      ),
    );
  }

  void _trackEvent() {
    // 追踪自定义事件
    Pangrowth.instance.trackEvent(
      eventName: 'custom_event',  // 事件名称
      eventAttributes: {
        'key1': 'value1',  // 事件属性
        'key2': 'value2',
      },
    );
  }
}

2. 使用插件追踪事件

在上面的示例中,我们创建了一个简单的 Flutter 应用,并在点击按钮时追踪一个自定义事件。你可以根据需要替换事件名称和属性。

3. 其他功能

flutter_pangrowth 插件还支持其他功能,如页面浏览追踪、启动追踪等。你可以参考插件的官方文档或源代码以了解更多高级用法。

注意事项

  1. 确保你已经在字节跳动开发者平台上创建了应用,并获取了正确的 appId
  2. 根据你的需求配置渠道标识。
  3. 在实际发布应用前,请仔细测试插件的功能,确保数据能够正确上传和统计。

这个示例代码展示了如何在 Flutter 应用中集成和使用 flutter_pangrowth 插件进行基本的事件追踪。你可以根据实际需求扩展和定制功能。

回到顶部