대상 독자

목표(성취할 수 있는 것)

// 中略
defaultConfig {
    //中略
    minSdkVersion 19　 //19以上に変更する
}

관리 클래스 만들기

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

// StatelessWidgetを継承して作成
class AdBanner extends StatelessWidget {
  const AdBanner({
    this.size,　// サイズは利用時に指定
  });
  final AdSize size;
  Widget build(BuildContext context) {
    final banner = BannerAd(
        // サイズ
        size: size,
        // 広告ID
        adUnitId: BannerAd.testAdUnitId, 
        // イベントのコールバック
        listener: AdListener(
          onAdLoaded: (Ad ad) => print('Ad loaded.'),
          onAdFailedToLoad: (Ad ad, LoadAdError error) {
            print('Ad failed to load: $error');
          },
          onAdOpened: (Ad ad) => print('Ad opened.'),
          onAdClosed: (Ad ad) => print('Ad closed.'),
          onApplicationExit: (Ad ad) => print('Left application.'),
        ),
        // リクエストはデフォルトを使う
        request: AdRequest())
      // 表示を行うloadをつける
      ..load();

    // 戻り値はContainerで包んで返す
    return Container(
        width: banner.size.width.toDouble(),
        height: banner.size.height.toDouble(),
        child: AdWidget(ad: banner));
  }
  // 広告IDをプラットフォームに合わせて取得
  static String get bannerAdUnitId {
    if (Platform.isAndroid) {
      return "XXX";
    } else if (Platform.isIOS) {
      return "XXX";
    } else {
      //どちらでもない場合は、テスト用を返す
      return BannerAd.testAdUnitId;
    }
  }
}

광고를 게재하는 쪽에서 사용

void main() {
  //初期化
  WidgetsFlutterBinding.ensureInitialized();
  MobileAds.instance.initialize();
  runApp(MyApp());
}

class _MyHomePageState extends State<MyHomePage> {
　//中略
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            // カウンタの偶奇で表示を切り替えて、バナーを表示(今回はラージサイズ)
            if (_counter % 2 != 0) AdBanner(size: AdSize.largeBanner),
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
}

이미지

소감

참고문헌