このガイドの対象読者は、 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 さまざまな広告フォーマットが用意されているため、最適なものを選択できます アプリのユーザーエクスペリエンスに 適合します
バナー
デバイス画面の上部または下部に表示される長方形の広告です。バナー ユーザーはアプリを操作している間に広告が表示され続け、更新できます 自動的に適用されます。モバイル初心者の場合 その出発点として最適です
インタースティシャル
ユーザーが閉じるまでアプリのインターフェース上に全画面表示される広告です。 アプリの実行フローが自然に一時停止するタイミングで使用することをおすすめします。 ゲームのレベルクリア後や、タスク完了直後などに発生します。
ネイティブ
アプリのデザインに合わせてカスタマイズできる広告です。データ アナリストは、 これにより、アプリのデザインに沿ったレイアウトになります。
特典
短い動画の視聴や体験プレイを操作したユーザーに報酬を進呈する広告 表示されなくなります。無料ユーザーの収益化に適している。