pangle_flutter 使用教程

pangle_flutter 使用教程

pangle_flutterFlutter版穿山甲SDK，支持Android、iOS。A Flutter plugin that supports Pangle SDK on Android and iOS.项目地址:https://gitcode.com/gh_mirrors/pa/pangle_flutter

项目介绍

pangle_flutter 是一款集成了字节跳动穿山甲 Android 和 iOS SDK 的 Flutter 插件。该插件支持多种广告类型，如开屏广告、激励视频广告、信息流广告等。通过使用 pangle_flutter，开发者可以轻松地在 Flutter 应用中集成穿山甲广告。

项目快速启动

1. 添加依赖

在 pubspec.yaml 文件中添加 pangle_flutter 依赖：

dependencies:
  pangle_flutter: latest

2. 初始化插件

在应用启动时初始化 pangle_flutter：

import 'package:pangle_flutter/pangle_flutter.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  pangle.init(
    iOS: IOSConfig(appId: 'your_ios_app_id'),
    android: AndroidConfig(appId: 'your_android_app_id'),
  );
  runApp(MyApp());
}

3. 加载广告

以开屏广告为例，加载并展示广告：

import 'package:pangle_flutter/pangle_flutter.dart';

class SplashAdWidget extends StatefulWidget {
  @override
  _SplashAdWidgetState createState() => _SplashAdWidgetState();
}

class _SplashAdWidgetState extends State<SplashAdWidget> {
  @override
  void initState() {
    super.initState();
    loadSplashAd();
  }

  void loadSplashAd() {
    pangle.loadSplashAd(
      iOS: IOSSplashConfig(slotId: 'your_ios_slot_id'),
      android: AndroidSplashConfig(slotId: 'your_android_slot_id'),
      callback: (result) {
        print('Splash Ad Result: $result');
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

应用案例和最佳实践

应用案例

假设你正在开发一个新闻阅读应用，你可以在应用的开屏页面、文章详情页底部和信息流中插入穿山甲广告。这样可以提高广告的曝光率，同时不影响用户体验。

最佳实践

1. 合理布局广告位置：确保广告不会遮挡应用内容，影响用户体验。
2. 适当控制广告频率：避免在短时间内频繁展示广告，以免用户感到厌烦。
3. 优化广告加载逻辑：在网络状况良好时预加载广告，以提高广告展示的及时性。

典型生态项目

pangle_flutter 可以与以下类型的项目结合使用：

1. 新闻阅读应用：在文章详情页和信息流中插入广告。
2. 视频播放应用：在视频播放前和播放间隙展示广告。
3. 电商应用：在商品详情页和购物车页面插入广告。

通过合理地集成和使用 pangle_flutter，开发者可以有效地提升应用的变现能力，同时保持良好的用户体验。

pangle_flutterFlutter版穿山甲SDK，支持Android、iOS。A Flutter plugin that supports Pangle SDK on Android and iOS.项目地址:https://gitcode.com/gh_mirrors/pa/pangle_flutter