Konfigurowanie wtyczki reklam mobilnych Google dla Fluttera

Wybierz platformę: Android Nowy Android iOS Unity Flutter

Pierwszym krokiem, który musisz wykonać, aby zacząć wyświetlać reklamy i zarabiać, jest integracja Google Mobile Ads Flutter Plugin z aplikacją Flutter. Gdy to zrobisz, możesz zaimplementować dowolną liczbę obsługiwanych formatów reklam.Google Mobile Ads Flutter Plugin

Wymagania wstępne

Importuj Google Mobile Ads Flutter Plugin

Konfiguracja specyficzna dla platformy

Android

Aktualizacja pliku AndroidManifest.xml

Identyfikator aplikacji w AdMob musi być zawarty w pliku AndroidManifest.xml. Jeśli tego nie zrobisz, aplikacja ulegnie awarii podczas uruchamiania.

Dodaj identyfikator aplikacji AdMob, który znajdziesz w interfejsie AdMob, do pliku android/app/src/main/AndroidManifest.xml aplikacji, dodając tag <meta-data> z nazwą com.google.android.gms.ads.APPLICATION_ID. W przypadku android:value wstaw własny identyfikator aplikacji w cudzysłowie, jak pokazano poniżej:

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

Użyj tego samego value, gdy zainicjujesz wtyczkę w kodzie Dart.

Więcej informacji o konfigurowaniu AndroidManifest.xml i ustawianiu identyfikatora aplikacji znajdziesz w przewodniku dla Androida.

iOS

Aktualizacja pliku Info.plist

W pliku ios/Runner/Info.plist aplikacji dodaj klucz GADApplicationIdentifier z wartością ciągu znaków, która jest identyfikatorem aplikacji w AdMob, jak podano w interfejsie internetowym AdMob: 

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

Musisz przekazać tę samą wartość, gdy zainicjujesz wtyczkę w kodzie Dart.

Więcej informacji o konfigurowaniu Info.plist i ustawianiu identyfikatora aplikacji znajdziesz w przewodniku dla iOS.

Inicjowanie Google Mobile Ads Flutter Plugin

Zanim zaczniesz wczytywać reklamy, zainicjuj Google Mobile Ads Flutter Plugin w aplikacji, wywołując funkcję MobileAds.instance.initialize() Spowoduje to zainicjowanie Google Mobile Ads Flutter Plugin i zwrócenie obiektu Future, który zostanie ukończony po zakończeniu inicjowania lub po 30 sekundach bezczynności. Wywołaj funkcję initialize() jak najszybciej.

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

Wybierz format reklamy

Gdy Google Mobile Ads Flutter Plugin zostanie zaimportowana, możesz zaimplementować reklamę. AdMob oferuje wiele różnych formatów reklam, dzięki czemu możesz wybrać ten, który najlepiej pasuje do wrażeń użytkownika w Twojej aplikacji.

Prostokątne reklamy wyświetlane u góry lub u dołu ekranu urządzenia. Banery reklamowe pozostają na ekranie, gdy użytkownicy wchodzą w interakcję z aplikacją, i mogą być automatycznie odświeżane po upływie określonego czasu. Jeśli dopiero zaczynasz przygodę z reklamą mobilną, to dobry sposób na początek.

Implementowanie banera reklamowego

Pełnoekranowa

Reklamy pełnoekranowe, które zakrywają interfejs aplikacji, dopóki użytkownik ich nie zamknie. Najlepiej używać ich w naturalnych momentach przejściowych w aplikacji, np. między poziomami gry lub tuż po wykonaniu zadania.

Implementowanie reklamy pełnoekranowej

Natywna

Reklamy, które można dostosować do wyglądu i charakteru aplikacji. Ty decydujesz, jak i gdzie się wyświetlają, więc ich układ jest bardziej spójny z aplikacją.

Implementowanie reklamy natywnej

Z nagrodą

Reklamy, które nagradzają użytkowników za oglądanie krótkich filmów i interakcje z reklamami demonstracyjnymi gier oraz ankietami. To dobry sposób, by zarabiać na bezpłatnych grach.

Implementowanie reklamy z nagrodą