広告を配信して収益を得るには、Flutter アプリに Google Mobile Ads Flutter Plugin を統合します。プロジェクトを準備するには、広告をリクエストする前に Google Mobile Ads Flutter Plugin をインポートして初期化します。
このガイドでは、Google Mobile Ads Flutter Plugin のインポートと初期化、広告フォーマットの選択について説明します。
前提条件
続行する前に、次のものが必要になります。
- Flutter バージョン 3.38.1 以降
- Android の場合は、最新バージョンの Android Studio。
- iOS の場合は、コマンドライン ツールが有効になっている最新バージョンの Xcode。詳細については、Flutter をインストールするをご覧ください。
- アド マネージャー アプリ ID。詳しくは、アプリ ID または広告ユニット ID を確認するをご覧ください。
Google Mobile Ads Flutter Plugin をインポートする
Flutter プロジェクトで Google Mobile Ads Flutter Plugin をインポートするには、google_mobile_ads をご覧ください。
アプリを設定する
Google Mobile Ads Flutter Plugin をインポートしたら、次のいずれかのプラットフォームを選択してアプリを設定します。
Android
Android Studio で
android/app/src/main/AndroidManifest.xmlファイルに移動します。AndroidManifest.xmlファイルで、次のプロパティを使用して<meta-data>タグを<application>タグに追加します。<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>これらのプロパティには、次の値を指定する必要があります。
android:name:com.google.android.gms.ads.APPLICATION_ID。android:value: アド マネージャー アプリ ID。
AndroidManifest.xmlファイルの設定の詳細については、Google Mobile Ads SDK (Legacy) を設定するをご覧ください。
iOS
- Xcode で、
ios/Runner/Info.plistファイルに移動します。 Info.plistファイルに、GADApplicationIdentifierキーと、アド マネージャー アプリ ID の文字列を追加します。<key>GADApplicationIdentifier</key> <string>ca-app-pub-################~##########</string>Info.plistファイルの設定の詳細については、Info.plistを更新するをご覧ください。
Google Mobile Ads Flutter Plugin を初期化する
広告を読み込む前に、MobileAds.instance.initialize() を呼び出して Google Mobile Ads Flutter Plugin を初期化します。
このメソッドは、Google Mobile Ads Flutter Plugin の初期化後または 30 秒後に完了する Future を返します。
次の例では、Google Mobile Ads Flutter Plugin を初期化します。
// Initialize the Mobile Ads SDK.
MobileAds.instance.initialize();
広告フォーマットを選択する
Google Mobile Ads Flutter Plugin をインポートしたら、実装する広告フォーマットを選択できます。アド マネージャーでは、次の広告フォーマットが提供されています。
| 広告フォーマット | 説明 | ドキュメント |
|---|---|---|
| バナー | 指定されたエリアに長方形の広告を表示します。これらの広告は自動的に更新されるため、ユーザーは同じ画面に留まったまま広告を閲覧できます。 | バナー広告を設定する |
| インタースティシャル | アプリに全画面広告を表示します。この広告は、ゲームのレベル間など、自然な切り替わりのタイミングに配置します。 | インタースティシャル広告 |
| ネイティブ | 広告見出しや行動を促すフレーズなどのアセットをアプリに表示する方法を自由にカスタマイズできます。広告をカスタマイズすると、アプリのビジュアル デザインに合った広告を作成できます。 | ネイティブ広告を読み込む |
| リワード | ユーザーが動画を視聴したり、アンケートに回答したりすることで、コインや追加ライフなどのアプリ内報酬を獲得できるようにします。広告ユニットごとに報酬の値を指定できます。 | リワード広告 |
| リワード インタースティシャル | アプリの画面が変わるタイミングで表示される広告に対して報酬(例: コイン、追加ライフ)を提供できます。 | リワード インタースティシャル広告 |
| アプリ起動 | ユーザーがアプリを開いたとき、またはアプリに戻ったときに表示されます。広告は読み込み画面に重ねて表示されます。 | アプリ起動時広告 |