このページは Cloud Translation API によって翻訳されました。

始める

このガイドの対象読者は、 Flutter アプリ

Google Mobile Ads SDK を Flutter アプリに統合するアドマネージャー広告を表示して収益を得るための第一歩です。統合が完了したら、広告フォーマットを選択して実装手順を説明します

現在、Flutter 向け Google Mobile Ads SDK は読み込みと表示をサポートしています（バナー広告、インタースティシャル広告（全画面）、ネイティブ広告、リワード広告を表示するため）。

前提条件

Flutter 1.22.0 以降
Android
- Android Studio 3.2 以上
- ターゲット Android API レベル 20 以降
- compileSdkVersion を 28 以上に設定する
iOS
- 最新バージョンの Xcode（有効なコマンドライン）ツール

Mobile Ads SDK をインポートする

Flutter 用の Google Mobile Ads SDK を組み込む Flutter のプラグインできます。

プラットフォーム固有の設定

Android

AndroidManifest.xml を更新する

アドマネージャーアプリ ID は AndroidManifest.xml に含まれている必要があります。そうしないと、アプリの起動時にクラッシュします。

アドマネージャーアプリ ID（広告で識別される ID）を追加します。マネージャー UI）に名前を付けた <meta-data> タグを追加して、アプリの android/app/src/main/AndroidManifest.xml ファイルに追加します。 com.google.android.gms.ads.APPLICATION_ID。アプリはアドマネージャーの管理画面で確認できます。android:value にご自身の広告を挿入引用符で囲んだマネージャーアプリ ID は次のとおりです。

<manifest>
    <application>
        <!-- Sample 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 を使用する説明します。

詳しくは、Android 設定方法についてのガイド AndroidManifest.xml とアプリ ID の設定。

iOS

Info.plist を更新する

アプリの ios/Runner/Info.plist ファイルに、 GADApplicationIdentifier キーとアドマネージャーの文字列値アプリ ID（アドマネージャーの管理画面）に表示されます。

<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>

Dart でプラグインを初期化するときは、同じ値を渡す必要があります。説明します。

iOS のガイドをご覧ください。 Info.plist の構成と使用します。

Mobile Ads SDK を初期化する

広告を読み込む前に、以下を呼び出して Mobile Ads SDK を初期化します。 MobileAds.instance.initialize() は SDK を初期化し、初期化の完了後（または 30 秒が経過した後）に終了する Future あります。この処理は 1 回だけ行います（アプリを実行する直前に行うのが理想的です）。

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

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

  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  MyAppState createState() => MyAppState();
}

class MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
    // Load ads.
  }
}