広告を表示して収益を得るには、まず Flutter アプリに Google Mobile Ads Flutter Plugin を統合します。Google Mobile Ads Flutter Plugin を統合したら、サポート対象広告フォーマットの実装作業に進みます。
前提条件
- Flutter 3.27.0 以降
- Android
- Android Studio の最新バージョン
- iOS
- 有効なコマンドライン ツールがインストールされた Xcode の最新バージョン
Google Mobile Ads Flutter Plugin をインポートする
- Flutter プロジェクトに Google Mobile Ads Flutter Plugin を追加します。
プラットフォーム固有の設定
Android
AndroidManifest.xml を更新する
AndroidManifest.xml にアド マネージャー アプリ ID を含める必要があります。
含めなかった場合、アプリの起動時にクラッシュします。
com.google.android.gms.ads.APPLICATION_ID という <meta-data> タグを追加して、アド マネージャー アプリ ID(アド マネージャーのウェブ インターフェースで確認できます)をアプリの android/app/src/main/AndroidManifest.xml ファイルに追加します。
android:value で、ご自身のアプリ ID を下記のように引用符で囲んで挿入します。
<manifest>
<application>
<!-- Sample Ad Manager app ID: ca-app-pub-3940256099942544~3347511713 -->
<meta-data
android:name="com.google.android.gms.ads.APPLICATION_ID"
android:value="ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy"/>
<application>
<manifest>
Dart コードでプラグインを初期化するときも、同じ value を使用します。
AndroidManifest.xml およびアプリ ID の設定について詳しくは、Android のガイドをご覧ください。
iOS
Info.plist を更新する
アプリの ios/Runner/Info.plist ファイルに、GADApplicationIdentifier キーと、アド マネージャー アプリ ID の文字列値(アド マネージャーのウェブ インターフェースで確認できます)を追加します。
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
Dart コードでプラグインを初期化するときも、同じ値を渡す必要があります。
Info.plist およびアプリ ID の設定について詳しくは、iOS のガイドをご覧ください。
Mobile Ads SDK を初期化する
広告を読み込む前に MobileAds.instance.initialize() を呼び出して、アプリで Google Mobile Ads Flutter Plugin を初期化します。Google Mobile Ads Flutter Plugin の初期化の完了後または 30 秒のタイムアウト後に Future が返されます。できるだけ早く initialize() を呼び出してください。
// Initialize the Mobile Ads SDK.
MobileAds.instance.initialize();
広告フォーマットを選択する
Google Mobile Ads Flutter Plugin をインポートしたら、広告を実装できるようになります。 アド マネージャーではさまざまな広告フォーマットが用意されており、アプリのユーザー エクスペリエンスに最適なものを選択できます。
バナー
デバイス画面の上部か下部に表示される長方形の広告です。アプリの操作中は画面に表示され続けますが、一定時間が経過すると自動的に更新されるよう設定できます。モバイル広告を初めてお使いの場合は、この広告から始めることをおすすめします。
インタースティシャル
ユーザーが閉じるまでアプリのインターフェース上に全画面表示される広告です。ゲームのレベルが切り替わる合間やタスクが完了した直後など、アプリの実行の流れが自然に一時停止するタイミングでの使用に適しています。
ネイティブ
アプリのデザインに合わせてカスタマイズできる広告です。広告の配置場所やスタイルを指定できるため、アプリのデザインに溶け込んだレイアウトが可能になります。
リワード
短い動画を視聴し、体験プレイ広告やアンケートを操作したユーザーに報酬を進呈する広告です。無料利用のユーザーの収益化に効果的です。