Konfigurowanie wtyczki reklam mobilnych Google dla Fluttera

Wybierz platformę: Android iOS Unity Flutter Android (starsza wersja)

Aby wyświetlać reklamy i zarabiać, zintegruj Google Mobile Ads Flutter Plugin z aplikacją Flutter. Aby przygotować projekt, zaimportuj i zainicjuj Google Mobile Ads Flutter Plugin, zanim poprosisz o reklamy.

Z tego przewodnika dowiesz się, jak zaimportować i zainicjować Google Mobile Ads Flutter Plugin oraz jak wybrać format reklamy.

Wymagania wstępne

Zanim zaczniesz, musisz mieć:

Importuj Google Mobile Ads Flutter Plugin

Aby zaimportować Google Mobile Ads Flutter Plugin do projektu Flutter, zapoznaj się z artykułem google_mobile_ads.

Konfiguracja aplikacji

Po zaimportowaniu Google Mobile Ads Flutter Plugin wybierz jedną z tych platform, aby skonfigurować aplikację:

Android

  1. W Android Studio otwórz plik android/app/src/main/AndroidManifest.xml.

  2. W pliku AndroidManifest.xml dodaj tag <meta-data> do tagu <application> z tymi właściwościami:

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

    Te właściwości muszą mieć te wartości:

    • android:name: com.google.android.gms.ads.APPLICATION_ID.
    • android:value: identyfikator aplikacji w AdMob.

    Więcej informacji o konfigurowaniu pliku AndroidManifest.xml znajdziesz w artykule Konfigurowanie Google Mobile Ads SDK (Legacy).

iOS

  1. W Xcode otwórz plik ios/Runner/Info.plist.

  2. W pliku Info.plist dodaj klucz GADApplicationIdentifier z identyfikatorem aplikacji w AdMob jako ciągiem znaków.

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

    Więcej informacji o konfigurowaniu pliku Info.plist znajdziesz w artykule Aktualizowanie pliku Info.plist.

Inicjowanie Google Mobile Ads Flutter Plugin

Zanim zaczniesz wczytywać reklamy, zainicjuj Google Mobile Ads Flutter Plugin, wywołując MobileAds.instance.initialize().

Ta metoda zwraca Future, który kończy się po zainicjowaniu Google Mobile Ads Flutter Plugin, lub po 30 sekundach.

Ten przykład pokazuje, jak zainicjować Google Mobile Ads Flutter Plugin:

// Initialize the Mobile Ads SDK.
MobileAds.instance.initialize();

Wybierz format reklamy

Po zaimportowaniu Google Mobile Ads Flutter Plugin możesz wybrać format reklamy do zaimplementowania. AdMob oferuje te formaty reklam:

Format reklamy Opis Dokumentacja
Baner Wyświetla prostokątne reklamy w wyznaczonym obszarze. Reklamy te odświeżają się automatycznie, dzięki czemu użytkownicy mogą je oglądać, pozostając na tym samym ekranie. Konfigurowanie banerów reklamowych
Pełnoekranowa Wyświetla w aplikacji reklamy zajmujące całą stronę. Umieść te reklamy w naturalnych momentach przejściowych, np. między poziomami gry. Reklamy pełnoekranowe
Natywna Umożliwia dostosowywanie zasobów, takich jak nagłówki i wezwania do działania, w aplikacjach. Dostosowując reklamę, tworzysz reklamy pasujące do wyglądu aplikacji. Wczytywanie reklamy natywnej
Z nagrodą Umożliwia użytkownikom oglądanie filmów lub wypełnianie ankiet, aby zdobywać nagrody w aplikacji, takie jak monety lub dodatkowe życia. W przypadku każdej jednostki reklamowej możesz określić wartości nagród. Reklamy z nagrodą
Reklama pełnoekranowa z nagrodą Umożliwia oferowanie nagród, takich jak monety lub dodatkowe życia, za reklamy wyświetlane podczas przejść w aplikacji. Reklamy pełnoekranowe z nagrodą
Przy otwarciu aplikacji Pojawia się, gdy użytkownicy otwierają Twoją aplikację lub do niej wracają. Reklama nakłada się na ekran wczytywania. Reklamy wyświetlane przy otwarciu aplikacji