始める

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

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

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

前提条件

  • Flutter 1.22.0 以降
  • Android <ph type="x-smartling-placeholder">
      </ph>
    • Android Studio 3.2 以上
    • ターゲット Android API レベル 20 以降
    • compileSdkVersion を 28 以上に設定する
  • iOS <ph type="x-smartling-placeholder">
      </ph>
    • 最新バージョンの Xcode(有効なコマンドライン) ツール
  • 推奨: AdMob を作成する アカウントを作成し、 および/または iOS アプリ

Mobile Ads SDK をインポートする

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

Android

AndroidManifest.xml を更新する

AdMob アプリ ID は AndroidManifest.xml に含まれている必要があります。失敗 変更すると、アプリの起動時にクラッシュします。

AdMob ウェブで識別される AdMob アプリ ID を追加します インターフェース<meta-data> タグを追加して android/app/src/main/AndroidManifest.xml ファイルを開く (名前は com.google.android.gms.ads.APPLICATION_ID)。対象 android:value の場合は、次のようにご自身の AdMob アプリ ID を引用符で囲んで挿入します。

<manifest>
    <application>
        <!-- Sample AdMob 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 の構成とアプリの設定に関する情報 あります。

iOS

Info.plist を更新する

アプリの ios/Runner/Info.plist ファイルに GADApplicationIdentifier を追加します。 キーに、AdMob ウェブで識別される AdMob アプリ ID の文字列値を指定します インターフェース:

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

Dart コードでプラグインを初期化するときにも、同じ値を渡す必要があります。

詳しくは、iOS のガイドをご覧ください。 Info.plist の構成とアプリ ID の設定に関する情報。

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 をインポートしたら、広告を実装できます。AdMob さまざまな広告フォーマットが用意されているため、最適なものを選択できます アプリのユーザーエクスペリエンスに 適合します

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

バナー広告を実装する

インタースティシャル

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

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

ネイティブ

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

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

特典

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

リワード広告を実装する