Flutter广告墙插件adn_flutter_offerwall的使用

Flutter广告墙插件adn_flutter_offerwall的使用

ADN Flutter Offerwall 插件安装指南

通过应用ADN的SDK来实现广告墙功能。

安装

在项目的IDE根目录下打开终端,并执行以下命令以安装插件:

flutter pub add adn_flutter_offerwall

Manifest 设置

在Android项目中的AndroidManifest.xml文件中添加以下配置:

应用示例

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" // 需要添加的代码
    package="com.adn.flutter.adn_flutter_offerwall.adn_flutter_offerwall_example">

    <application
        tools:replace="android:label" // 需要添加的代码
        android:label="adn_flutter_offerwall_example"
        android:name="${applicationName}"
        android:icon="@mipmap/ic_launcher">

        <activity
            android:name=".MainActivity"
            android:exported="true"
            android:launchMode="singleTop"
            android:theme="@style/LaunchTheme"
            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
            android:hardwareAccelerated="true"
            android:windowSoftInputMode="adjustResize">

            <!-- 指定一个Android主题,当Android进程开始时应用到此Activity。
                 这个主题对用户可见,直到Flutter UI初始化完成。之后,该主题将继续决定窗口背景。 -->
            <meta-data
                android:name="io.flutter.embedding.android.NormalTheme"
                android:resource="@style/NormalTheme"/>

            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>
                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
        </activity>

        <!-- 不要删除以下元数据。
             这是Flutter工具生成GeneratedPluginRegistrant.java所必需的 -->
        <meta-data
            android:name="flutterEmbedding"
            android:value="2" />
    </application>
</manifest>

环境变量初始化

  1. 在项目的根目录下创建一个.env文件。
AOS_UNIT_ID=aos_unit_id
IOS_UNIT_ID=ios_unit_id
  1. .env文件添加到pubspec.yaml的资源捆绑中。确保路径与.env文件的位置一致!
assets:
  - .env

SDK 初始化

在Dart代码中导入并初始化SDK:

// 导入adn offerwall sdk
import 'package:adn_flutter_offerwall/adn_flutter_offerwall_plugin.dart';

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

  Future<void> initOfferWall() async {
    OfferWall.init();
    OfferWall.setUserId(userId: 'userId'); // 设置用户ID
    OfferWall.setGender(gender: 'F'); // 设置性别
    OfferWall.setBirthYear(birthYear: 1992); // 设置出生年份
  }

  Future<void> showOfferWall() async {
    OfferWall.showOfferWall(title: "Get point"); // 显示广告墙
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ElevatedButton(
                child: Text("Show OfferWalls"),
                onPressed: () {
                  showOfferWall();
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}

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

1 回复

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


adn_flutter_offerwall 是一个用于在 Flutter 应用中集成广告墙的插件。广告墙通常是一种广告形式,用户可以通过完成特定的任务(如下载应用、观看视频等)来获得奖励。以下是如何使用 adn_flutter_offerwall 插件的步骤:

1. 添加依赖

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

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

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

2. 初始化插件

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

import 'package:adn_flutter_offerwall/adn_flutter_offerwall.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  
  // 初始化广告墙插件
  await AdnFlutterOfferwall.init(
    appKey: 'YOUR_APP_KEY',  // 替换为你的应用密钥
    userId: 'YOUR_USER_ID',  // 替换为你的用户ID
  );

  runApp(MyApp());
}

3. 显示广告墙

你可以通过调用 AdnFlutterOfferwall.showOfferwall() 方法来显示广告墙。通常可以在用户点击某个按钮时触发:

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

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('广告墙示例'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () async {
            // 显示广告墙
            await AdnFlutterOfferwall.showOfferwall();
          },
          child: Text('打开广告墙'),
        ),
      ),
    );
  }
}

4. 处理回调

你可以监听广告墙的回调事件,例如用户完成任务时的回调。可以通过 AdnFlutterOfferwall.setOfferwallListener 来设置回调:

AdnFlutterOfferwall.setOfferwallListener(
  onOfferwallOpened: () {
    print('广告墙已打开');
  },
  onOfferwallClosed: () {
    print('广告墙已关闭');
  },
  onOfferwallTaskCompleted: (taskId, amount) {
    print('任务完成: $taskId, 奖励: $amount');
  },
  onOfferwallError: (error) {
    print('广告墙错误: $error');
  },
);
回到顶部