Flutter广告集成插件ak_ads_plugin的使用

Flutter广告集成插件ak_ads_plugin的使用

这个Flutter插件可以帮助你在项目中无缝集成广告。

ak_ads_plugin安装与配置

1. 添加权限到AndroidManifest.xml

在你的AndroidManifest.xml文件中添加以下权限:

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="com.google.android.gms.permission.AD_ID"/>
<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>
<uses-permission android:name="android.permission.CHANGE_WIFI_MULTICAST_STATE"/>
<uses-permission android:name="android.permission.CHANGE_WIFI_STATE"/>

2. 启用明文流量

AndroidManifest.xml文件中的<application>标签内添加以下属性:

android:usesCleartextTraffic="true"

3. 启用MultiDex

在你的应用级build.gradle文件中,将multiDexEnabled设置为true

defaultConfig {
    ...
    multiDexEnabled true
}

使用示例

以下是一个完整的示例代码,展示了如何在Flutter项目中使用ak_ads_plugin插件。

示例代码

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

import 'package:flutter/services.dart';
import 'package:ak_ads_plugin/ak_ads_plugin.dart';

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

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _platformVersion = 'Unknown';
  final _akAdsPlugin = AkAdsPlugin();
  bool apiCallDone = false;

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

  Future<void> initPlatformState() async {
    String platformVersion;

    try {
      platformVersion = await _akAdsPlugin.getApiResponse(arguments: {"ad_show": true}) ?? 'Unknown platform version';
      apiCallDone = true;
    } on PlatformException {
      platformVersion = 'Failed to get platform version.';
    }

    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  var scaffoldKey = GlobalKey<ScaffoldState>();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        key: scaffoldKey,
        drawer: Drawer(),
        drawerEnableOpenDragGesture: false,
        appBar: AppBar(
          title: const Text('插件示例应用'),
          leading: Builder(
            builder: (context) => // 确保Scaffold在上下文中
                IconButton(icon: Icon(Icons.menu), onPressed: () => Scaffold.of(context).openDrawer()),
          ),
        ),
        backgroundColor: Colors.red,
        body: SizedBox(
          height: MediaQuery.of(context).size.height,
          child: SingleChildScrollView(
            child: apiCallDone
                ? Column(
                    children: [
                      BannerAdView(), // 显示横幅广告
                      NativeAdView(
                        adSize: "small", // 小尺寸原生广告
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 8.0),
                        child: NativeAdView(
                          adSize: "medium", // 中尺寸原生广告
                        ),
                      ),
                      NativeAdView(
                        adSize: "big", // 大尺寸原生广告
                      ),
                      QuizAdView(), // 问答广告
                      MaterialButton(
                        onPressed: () {
                          _akAdsPlugin.callInterstitialAds(); // 调用插屏广告
                        },
                        child: Text("插屏广告点击"), // 插屏广告按钮文本
                        color: Colors.blueGrey, // 按钮颜色
                      )
                    ],
                  )
                : Container(), // 加载中时显示空容器
          ),
        ),
        floatingActionButton: FloatingActionButton(onPressed: () {
          scaffoldKey.currentState?.openDrawer(); // 打开抽屉菜单
        }),
      ),
    );
  }
}

以上代码展示了一个简单的Flutter应用,其中集成了各种类型的广告,包括横幅广告、原生广告、问答广告和插屏广告。通过调用_akAdsPlugin.callInterstitialAds()方法可以触发插屏广告。


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

1 回复

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


ak_ads_plugin 是一个用于在 Flutter 应用中集成广告的插件。它支持多种广告格式,如横幅广告、插页式广告、激励视频广告等。以下是如何在 Flutter 项目中使用 ak_ads_plugin 的基本步骤:

1. 添加依赖

首先,在 pubspec.yaml 文件中添加 ak_ads_plugin 依赖:

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

然后运行 flutter pub get 来安装依赖。

2. 初始化插件

在应用的 main.dart 文件中初始化 ak_ads_plugin。通常,你需要在 main 函数中进行初始化:

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  
  // 初始化广告插件
  await AkAdsPlugin.initialize(
    appId: 'YOUR_APP_ID',  // 替换为你的广告平台提供的 App ID
    testMode: true,  // 测试模式,发布时设置为 false
  );

  runApp(MyApp());
}

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

3. 显示横幅广告

在需要显示横幅广告的地方,使用 AkBannerAd 组件:

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

class MyHomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Ads Demo'),
      ),
      body: Column(
        children: [
          Expanded(
            child: Center(
              child: Text('Your content here'),
            ),
          ),
          AkBannerAd(
            adUnitId: 'YOUR_BANNER_AD_UNIT_ID',  // 替换为你的横幅广告单元 ID
            adSize: AdSize.banner,  // 广告尺寸,支持 banner、largeBanner、fullBanner 等
          ),
        ],
      ),
    );
  }
}

4. 显示插页式广告

要显示插页式广告,可以使用 AkInterstitialAd

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

class MyHomePage extends StatelessWidget {
  void showInterstitialAd() async {
    await AkInterstitialAd.load(
      adUnitId: 'YOUR_INTERSTITIAL_AD_UNIT_ID',  // 替换为你的插页式广告单元 ID
      onAdLoaded: (AkInterstitialAd ad) {
        ad.show();
      },
      onAdFailedToLoad: (error) {
        print('Interstitial ad failed to load: $error');
      },
    );
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Ads Demo'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: showInterstitialAd,
          child: Text('Show Interstitial Ad'),
        ),
      ),
    );
  }
}

5. 显示激励视频广告

要显示激励视频广告,可以使用 AkRewardedAd

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

class MyHomePage extends StatelessWidget {
  void showRewardedAd() async {
    await AkRewardedAd.load(
      adUnitId: 'YOUR_REWARDED_AD_UNIT_ID',  // 替换为你的激励视频广告单元 ID
      onAdLoaded: (AkRewardedAd ad) {
        ad.show(
          onUserEarnedReward: (reward) {
            print('User earned reward: $reward');
          },
        );
      },
      onAdFailedToLoad: (error) {
        print('Rewarded ad failed to load: $error');
      },
    );
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Ads Demo'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: showRewardedAd,
          child: Text('Show Rewarded Ad'),
        ),
      ),
    );
  }
}
回到顶部