Flutter广告集成插件adrop_ads_admob的使用

当然，以下是一个关于如何在Flutter项目中集成并使用adrop_ads_admob插件的示例代码。这个插件允许你在Flutter应用中集成Google AdMob广告。

1. 添加依赖

首先，你需要在pubspec.yaml文件中添加adrop_ads_admob依赖：

dependencies:
  flutter:
    sdk: flutter
  adrop_ads_admob: ^latest_version  # 请替换为最新的版本号

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

2. 配置AdMob

在android/app/src/main/AndroidManifest.xml中添加必要的AdMob配置，包括你的应用ID（通常是ca-app-pub-xxxxxxxxxxxxxxxx~xxxxxxxxxx的一部分）：

<meta-data
    android:name="com.google.android.gms.ads.APPLICATION_ID"
    android:value="ca-app-pub-xxxxxxxxxxxxxxxx~xxxxxxxxxx"/>

3. 初始化AdMob

在你的Flutter应用的入口文件（通常是main.dart）中初始化AdMob：

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

void main() {
  WidgetsFlutterBinding.ensureInitialized();

  // 初始化AdMob
  AdropAdmob.instance.init(
    appId: 'ca-app-pub-xxxxxxxxxxxxxxxx~xxxxxxxxxx', // 替换为你的AdMob应用ID
  );

  runApp(MyApp());
}

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

4. 显示Banner广告

在你的主页面或其他页面中显示Banner广告：

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

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

class _MyHomePageState extends State<MyHomePage> {
  BannerAd? _bannerAd;

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

    // 创建Banner广告
    _bannerAd = BannerAd(
      adUnitId: 'ca-app-pub-xxxxxxxxxxxxxxxx/xxxxxxxxxx', // 替换为你的Banner广告单元ID
      size: AdSize.banner,
      listener: BannerAdListener(
        onAdLoaded: () {
          print('Banner Ad Loaded');
        },
        onAdFailedToLoad: (AdLoadError error) {
          print('Banner Ad Failed to Load: ${error.message}');
        },
        onAdOpened: () {
          print('Banner Ad Opened');
        },
        onAdClosed: () {
          print('Banner Ad Closed');
        },
        onAdLeftApplication: () {
          print('Banner Ad Left Application');
        },
      ),
    );

    // 加载广告
    _bannerAd?.load();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter AdMob Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            // 显示Banner广告
            Container(
              height: 50,
              child: AdWidget(ad: _bannerAd!),
            ),
          ],
        ),
      ),
    );
  }

  @override
  void dispose() {
    _bannerAd?.dispose();
    super.dispose();
  }
}

5. 显示Interstitial广告

如果你还想显示Interstitial广告，可以类似地创建和显示：

import 'package:adrop_ads_admob/adrop_ads_admob.dart';

// 在需要显示Interstitial广告的地方
void _showInterstitialAd() {
  InterstitialAd _interstitialAd = InterstitialAd(
    adUnitId: 'ca-app-pub-xxxxxxxxxxxxxxxx/xxxxxxxxxx', // 替换为你的Interstitial广告单元ID
    listener: InterstitialAdListener(
      onAdLoaded: () {
        _interstitialAd.show();
      },
      onAdFailedToLoad: (AdLoadError error) {
        print('Interstitial Ad Failed to Load: ${error.message}');
      },
      onAdOpened: () {
        print('Interstitial Ad Opened');
      },
      onAdClosed: () {
        print('Interstitial Ad Closed');
      },
    ),
  );

  // 加载广告
  _interstitialAd.load();
}

你可以根据需要在适当的地方调用_showInterstitialAd()函数来显示Interstitial广告。

这些代码示例展示了如何在Flutter应用中集成和使用adrop_ads_admob插件来显示Banner和Interstitial广告。请确保你已经替换了所有示例代码中的AdMob广告单元ID为你的实际ID。