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 Twoją 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 Ad Managera musi być uwzględniony w pliku AndroidManifest.xml. Jeśli tego nie zrobisz, aplikacja ulegnie awarii podczas uruchamiania.

Dodaj identyfikator aplikacji Ad Managera, który znajdziesz w interfejsie internetowym Ad Managera, 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 Ad Manager 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 po Androidzie.

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 Ad Managera, jak podano w interfejsie internetowym Ad Managera: 

<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 po 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 Future, które zostanie zakończone po zakończeniu inicjowania lub po 30 sekundach bezczynności. Wywołaj funkcję initialize() jak najszybciej.

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

Wybierz format reklamy

Po zaimportowaniu Google Mobile Ads Flutter Plugin możesz zaimplementować reklamę. Ad Manager 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 oraz interakcje z reklamami demonstracyjnymi gier i ankietami. To dobry sposób, by zarabiać na bezpłatnych grach.

Implementowanie reklamy z nagrodą