【Flutter】コピペで使えるBannerAdWidget

BannerAdWidgetとは

Google AdMobから提供されるバナー広告を表示するためのFlutterウィジェットです。バナー広告は、通常、アプリの画面の上または下に表示され、ユーザーがアプリ内で広告をクリックすることで収益を得ることができます。

コピペで使えるBannerAdWidget

以下のコードを記述してください。

その時、// 追記が必要 の箇所には、ユニットIDを記述してください。

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

  @override
  State<BannerAdWidget> createState() => _BannerAdWidgetState();
}

class _BannerAdWidgetState extends State<BannerAdWidget> {
  final BannerAd bannerAd = BannerAd(
    adUnitId:
        Platform.isAndroid ? '' : '', // 追記が必要
    size: AdSize.banner,
    request: const AdRequest(),
    listener: const BannerAdListener(),
  );

  @override
  void initState() {
    super.initState();
    bannerAd.load();
  }

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

  @override
  void dispose() {
    bannerAd.dispose();
    super.dispose();
  }
}

呼び出し方法

const BannerAdWidget()

使用例

return Scaffold(
  appBar: AppBar(
    title: const Text('Quiz'),
  ),
  body: Center(
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Expanded(
          child: ListView(
            padding: const EdgeInsets.only(
              top: 15,
              left: 20,
              right: 20,
            ),
            children: [
              card(
                image: 'assets/beginner.png',
                title: 'Flutterの基本的なコンセプトと概念',
              ),
              const BannerAdWidget(),
              const SizedBox(
                height: 40,
              ),
            ],
          ),
        ),
      ],
    ),
  ),
);