始める

このガイドの対象読者は、 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 をインポートする

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

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.
  }
}

広告フォーマットの選択

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

デバイス画面の上部または下部に表示される長方形の広告です。バナー ユーザーはアプリを操作している間に広告が表示され続け、更新することができます 自動的に適用されます。モバイル初心者の場合 その出発点として最適です

バナー広告を実装する

インタースティシャル

ユーザーが閉じるまでアプリのインターフェース上に全画面表示される広告です。 アプリの実行フローが自然に一時停止するタイミングで使用することをおすすめします。 ゲームのレベルクリア後や、タスク完了直後などに発生します。

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

ネイティブ

アプリのデザインに合わせてカスタマイズできる広告です。データ アナリストは、 これにより、アプリのデザインに沿ったレイアウトになります。

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

特典

短い動画の視聴や体験プレイを操作したユーザーに報酬を進呈する広告 表示されなくなります。無料ユーザーの収益化に適している。

リワード広告を実装する