Google Mobile Ads SDK for Flutter 使用教程

Google Mobile Ads SDK for Flutter 使用教程

googleads-mobile-flutterA Flutter plugin for the Google Mobile Ads SDK项目地址:https://gitcode.com/gh_mirrors/go/googleads-mobile-flutter

项目介绍

Google Mobile Ads SDK for Flutter 是一个用于在 Flutter 应用中集成 Google 移动广告的开源插件。该插件支持横幅广告、插页广告（全屏）、奖励广告和原生广告。通过使用这个插件，开发者可以在 Flutter 应用中实现广告的展示和收益获取。

项目快速启动

安装依赖

首先，在 pubspec.yaml 文件中添加 google_mobile_ads 依赖：

dependencies:
  flutter:
    sdk: flutter
  google_mobile_ads: ^5.1.0

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

初始化广告 SDK

在你的应用启动时，初始化 Google Mobile Ads SDK：

import 'package:google_mobile_ads/google_mobile_ads.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  MobileAds.instance.initialize();
  runApp(MyApp());
}

加载和显示横幅广告

以下是一个简单的示例，展示如何在 Flutter 应用中加载和显示横幅广告：

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

class BannerAdWidget extends StatefulWidget {
  @override
  _BannerAdWidgetState createState() => _BannerAdWidgetState();
}

class _BannerAdWidgetState extends State<BannerAdWidget> {
  BannerAd? _bannerAd;
  bool _isBannerAdReady = false;

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

  void _loadBannerAd() {
    _bannerAd = BannerAd(
      adUnitId: 'YOUR_AD_UNIT_ID',
      size: AdSize.banner,
      request: AdRequest(),
      listener: BannerAdListener(
        onAdLoaded: (_) {
          setState(() {
            _isBannerAdReady = true;
          });
        },
        onAdFailedToLoad: (ad, err) {
          print('Failed to load a banner ad: ${err.message}');
          _isBannerAdReady = false;
          ad.dispose();
        },
      ),
    );

    _bannerAd?.load();
  }

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

  @override
  Widget build(BuildContext context) {
    return Container(
      alignment: Alignment.center,
      child: _isBannerAdReady
          ? Container(
              width: _bannerAd!.size.width.toDouble(),
              height: _bannerAd!.size.height.toDouble(),
              child: AdWidget(ad: _bannerAd!),
            )
          : CircularProgressIndicator(),
    );
  }
}

应用案例和最佳实践

应用案例

1. 新闻应用：在新闻应用中，可以在文章列表底部或文章详情页底部展示横幅广告，以增加广告曝光率。
2. 游戏应用：在游戏应用中，可以在关卡之间展示插页广告，或者在用户完成特定任务后展示奖励广告。

最佳实践

1. 广告频率：避免在短时间内频繁展示广告，以免影响用户体验。
2. 广告位置：选择合适的广告位置，确保广告不会遮挡应用内容或影响用户操作。
3. 测试广告：在正式发布前，使用测试广告进行测试，确保广告展示和收益统计正常。

典型生态项目

1. firebase_admob：Firebase 提供的广告插件，与 Google Mobile Ads SDK 集成，提供更多广告管理和统计功能。
2. admob_flutter：另一个流行的 Flutter 广告插件，支持多种广告格式和自定义广告展示。

通过以上步骤和示例，你可以在 Flutter 应用中快速集成 Google Mobile Ads SDK，并实现广告的展示和收益获取。希望这篇教程对你有所帮助！

googleads-mobile-flutterA Flutter plugin for the Google Mobile Ads SDK项目地址:https://gitcode.com/gh_mirrors/go/googleads-mobile-flutter