本指南適用於想透過 Flutter 應用程式營利的發布商。
將 Google Mobile Ads SDK 整合到 Flutter 應用程式後,您將踏進顯示 AdMob 廣告並賺取收益的第一步。整合完成後,您可以選擇廣告格式,取得詳細的導入步驟。
Google Mobile Ads SDK for Flutter 目前支援載入並顯示橫幅廣告、插頁式廣告 (全螢幕)、原生廣告和獎勵廣告。
必要條件
- Flutter 1.22.0 以上版本
- Android
- Android Studio 3.2 以上版本
- 目標 Android API 級別 20 以上版本
- 將
compileSdkVersion
設為 28 以上
- iOS
- 最新版 Xcode,並已啟用的指令列工具
- 建議做法:建立 AdMob 帳戶並註冊 Android 和/或 iOS 應用程式
匯入 Mobile Ads SDK
- 在 Flutter 專案中加入 Google Mobile Ads SDK for Flutter 外掛程式。
平台專屬設定
Android
更新 AndroidManifest.xml
AdMob 應用程式 ID 必須包含在 AndroidManifest.xml
中。否則會導致應用程式啟動時異常終止。
新增名稱為 com.google.android.gms.ads.APPLICATION_ID
的 <meta-data>
標記,將 AdMob 應用程式 ID (如在 AdMob 網頁介面中顯示的) 加進應用程式的 android/app/src/main/AndroidManifest.xml
檔案。在 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
及設定應用程式 ID。
iOS
更新 Info.plist
在應用程式的 ios/Runner/Info.plist
檔案中,加入包含 AdMob 應用程式 ID 字串值的 GADApplicationIdentifier
鍵,如 AdMob 網頁介面所示:
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
在 Dart 程式碼中初始化外掛程式時,您必須傳送相同的值。
請參閱 iOS 指南,進一步瞭解如何設定 Info.plist
及設定應用程式 ID。
初始化 Mobile Ads SDK
載入廣告之前,請先呼叫 MobileAds.instance.initialize()
來初始化 Mobile Ads SDK,讓應用程式初始化 SDK,並傳回會在初始化完成或 30 秒後結束的 Future
。此操作只需執行一次,最好在執行應用程式前進行。
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 提供多種廣告格式,有助您挑選最適合應用程式使用者體驗的格式。
橫幅廣告
顯示在裝置螢幕頂端或底部的矩形廣告。使用者與應用程式互動時,橫幅廣告會在畫面上持續顯示,並在一段時間後自動重新整理。如果您是第一次使用行動廣告 不妨從這裡著手
插頁式
全螢幕廣告,會蓋住應用程式介面,直到使用者關閉為止。 最適合用於應用程式執行流程中的自然暫停點,例如遊戲關卡之間或剛完成任務後。
原生
可自訂的廣告能融入應用程式的外觀和風格。廣告出現的方式和位置由您決定,可讓版面配置與應用程式設計更加一致。
已獲得獎勵
獎勵使用者觀看短片並與可試玩廣告和問卷調查互動的廣告。適合透過免費遊戲使用者營利。