始める

このガイドは、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

Mobile Ads SDK をインポートする

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

Android

AndroidManifest.xml を更新する

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

com.google.android.gms.ads.APPLICATION_ID という名前の <meta-data> タグを追加して、アド マネージャー アプリ ID(アド マネージャーの管理画面で確認)をアプリの android/app/src/main/AndroidManifest.xml ファイルに追加します。アプリ 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 を使用します。

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() を呼び出して、アプリで Mobile Ads SDK を初期化します。これにより 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.
  }
}

広告フォーマットを選択

これで Mobile Ads SDK がインポートされ、広告を実装できるようになりました。アド マネージャーにはさまざまな広告フォーマットが用意されており、アプリのユーザー エクスペリエンスに最適なものを選択できます。

デバイス画面の上部か下部に表示される長方形の広告です。ユーザーがアプリを操作している間は画面に表示され続けますが、一定時間が経過すると自動的に更新されるよう設定できます。モバイル広告を初めてお使いの場合は、この広告から始めることをおすすめします。

バナー広告を実装する

インタースティシャル

ユーザーが閉じるまでアプリのインターフェース上に全画面表示される広告です。ゲームのレベルが切り替わる合間やタスクが完了した直後など、アプリの実行の流れが自然に一時停止するタイミングでの使用に適しています。

インタースティシャル広告を実装する

ネイティブ

アプリのデザインに合わせてカスタマイズできる広告です。配置方法と場所を指定できるため、アプリのデザインとレイアウトが統一されます。

ネイティブ広告を実装する

特典

短い動画を視聴し、体験プレイ広告やアンケートを操作したユーザーに報酬を付与する広告。無料ユーザーの収益化に適しています。

リワード広告を実装する