Flutter广告集成插件flutter_wannads的使用

Flutter Wannads

SDK for Wannads广告网络（目前仅支持Android）。

开始使用

0. Android配置

遗憾的是，Wannads SDK目前不在MavenCentral中，因此必须手动部署SDK。

首先，通过以下链接下载SDK版本2.5.0： https://wannads-bucket.s3-eu-west-1.amazonaws.com/integration/android/wannads-android-sdk-2.5.0.zip
解压下载的文件，找到其中的android-sdk-2.5.0.aar文件。
在您的Flutter项目中的android/app路径下创建一个名为libs的文件夹。
将解压后的.aar文件复制到libs文件夹中，并将其重命名为wannads.aar。

完成上述步骤后，路径应类似于/[flutter_project]/android/app/libs/wannads.aar。

1. 初始化

在应用中初始化Wannads SDK，使用以下代码：

// 初始化Wannads SDK
FlutterWannads.instance.init(
  apiKey: "[ApiKey]", // 替换为您的API密钥
  apiSecret: "[ApiSecret]", // 替换为您的API密钥
  user: WanUser(id: "[Unique_User_Id]"), // 替换为用户的唯一ID
);

2. 显示优惠墙（Offerwall）

调用以下方法以显示优惠墙：

// 显示优惠墙
FlutterWannads.instance.showOfferwall();

3. 显示调查优惠墙（SurveyOfferwall）

调用以下方法以显示调查优惠墙：

// 显示调查优惠墙
FlutterWannads.instance.showSurveysOfferwall();

示例代码

以下是一个完整的示例代码，展示了如何在Flutter应用中集成Wannads广告。

import 'package:flutter/material.dart';
import 'package:flutter_wannads/flutter_wannads.dart';
import 'package:flutter_wannads/wan_user.dart';

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

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Wannads 示例应用'),
        ),
        body: Column(
          children: [
            // 初始化Wannads按钮
            ElevatedButton(
              onPressed: () {
                // 替换为您自己的API密钥和用户ID
                FlutterWannads.instance.init(
                  apiKey: "[ApiKey]",
                  apiSecret: "[ApiSecret]",
                  user: WanUser(id: "[Unique_User_Id]"),
                );
              },
              child: const Text('初始化 Wannads'),
            ),
            // 显示优惠墙按钮
            ElevatedButton(
              onPressed: () {
                FlutterWannads.instance.showOfferwall();
              },
              child: const Text("显示优惠墙"),
            ),
            // 显示调查优惠墙按钮
            ElevatedButton(
              onPressed: () {
                FlutterWannads.instance.showSurveysOfferwall();
              },
              child: const Text("显示调查优惠墙"),
            ),
          ],
        ),
      ),
    );
  }
}

bupafengyu 1楼

更多关于Flutter广告集成插件flutter_wannads的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

flutter_wannads 是一个用于在 Flutter 应用中集成 Wannads 广告的插件。Wannads 是一个广告平台，允许开发者通过展示广告来盈利。以下是如何在 Flutter 项目中使用 flutter_wannads 插件的步骤：

1. 添加依赖

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

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

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

2. 初始化 Wannads

在你的 Flutter 应用中，你需要在应用启动时初始化 Wannads。通常，你可以在 main.dart 文件中进行初始化。

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  
  // 初始化 Wannads
  await FlutterWannads.initialize(
    apiKey: 'YOUR_API_KEY',  // 替换为你的 Wannads API Key
    userId: 'USER_ID',       // 替换为你的用户 ID
  );

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Wannads Example',
      home: HomeScreen(),
    );
  }
}

3. 展示广告

你可以在应用中的任何地方展示 Wannads 广告。以下是一个简单的例子，展示如何加载和显示广告。

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

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  bool _isAdLoaded = false;

  @override
  void initState() {
    super.initState();
    _loadAd();
  }

  void _loadAd() async {
    try {
      await FlutterWannads.loadOfferWall();
      setState(() {
        _isAdLoaded = true;
      });
    } catch (e) {
      print('Failed to load ad: $e');
    }
  }

  void _showAd() async {
    if (_isAdLoaded) {
      await FlutterWannads.showOfferWall();
    } else {
      print('Ad is not loaded yet');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Wannads Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _showAd,
              child: Text('Show Ad'),
            ),
          ],
        ),
      ),
    );
  }
}

4. 处理广告事件

你可以监听广告事件，例如广告加载成功、广告关闭等。

FlutterWannads.setListener(
  onOfferWallClosed: () {
    print('Offer wall closed');
  },
  onOfferWallShown: () {
    print('Offer wall shown');
  },
  onOfferWallError: (error) {
    print('Offer wall error: $error');
  },
);