開始使用

本指南適用於想透過 Flutter 應用程式營利的發布商。

將 Google Mobile Ads SDK 整合到 Flutter 應用程式後,您將踏進顯示 AdMob 廣告並賺取收益的第一步。整合完成後,您可以選擇廣告格式,取得詳細的導入步驟。

Google Mobile Ads SDK for Flutter 目前支援載入並顯示橫幅廣告、插頁式廣告 (全螢幕)、原生廣告和獎勵廣告。

必要條件

匯入 Mobile Ads SDK

平台專屬設定

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 提供多種廣告格式,有助您挑選最適合應用程式使用者體驗的格式。

顯示在裝置螢幕頂端或底部的矩形廣告。使用者與應用程式互動時,橫幅廣告會在畫面上持續顯示,並在一段時間後自動重新整理。如果您是第一次使用行動廣告 不妨從這裡著手

導入橫幅廣告

插頁式

全螢幕廣告,會蓋住應用程式介面,直到使用者關閉為止。 最適合用於應用程式執行流程中的自然暫停點,例如遊戲關卡之間或剛完成任務後。

導入插頁式廣告

原生

可自訂的廣告能融入應用程式的外觀和風格。廣告出現的方式和位置由您決定,可讓版面配置與應用程式設計更加一致。

導入原生廣告

已獲得獎勵

獎勵使用者觀看短片並與可試玩廣告和問卷調查互動的廣告。適合透過免費遊戲使用者營利。

導入獎勵廣告