Rozpocznij

Wybierz platformę: Android Android (beta) iOS Unity Flutter

Integracja pakietu SDK do reklam mobilnych Google z aplikacją Flutter to pierwszy krok do wyświetlania reklam i zarabiania. Gdy to zrobisz, możesz zaimplementować dowolną liczbę obsługiwanych formatów reklam.

Wymagania wstępne

Importowanie pakietu SDK do reklam mobilnych Google

Konfiguracja na poszczególnych platformach

Android

Aktualizacja pliku AndroidManifest.xml

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

Dodaj identyfikator aplikacji AdMob, który znajdziesz w interfejsie internetowym AdMob, do pliku android/app/src/main/AndroidManifest.xml aplikacji, dodając tag <meta-data> o nazwie 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 podczas inicjowania wtyczki w kodzie Dart.

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

iOS

Aktualizowanie pliku Info.plist

W pliku ios/Runner/Info.plist aplikacji dodaj klucz z wartością ciągu znaków identyfikatora aplikacji AdMob, określonego w interfejsie internetowym AdMob:GADApplicationIdentifier 

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

Podczas inicjowania wtyczki w kodzie Dart musisz przekazać tę samą wartość.

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

Inicjowanie pakietu SDK do wyświetlania reklam mobilnych

Zanim aplikacja wczyta reklamy, musi zainicjować pakiet SDK do reklam mobilnych Google, wywołując funkcję MobileAds.instance.initialize() która inicjuje pakiet SDK i zwraca obiekt Future, który kończy działanie po zakończeniu inicjowania lub po 30 sekundach bezczynności. Wywołaj funkcję initialize() jak najwcześniej.

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

Wybierz format reklamy

Po zaimportowaniu pakietu SDK do reklam mobilnych Google możesz wdrożyć reklamę. AdMob oferuje wiele różnych formatów reklam, dzięki czemu możesz wybrać ten, który najlepiej pasuje do wrażeń użytkowników Twojej aplikacji.

Prostokątne reklamy wyświetlane u góry lub na dole 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 reklamami mobilnymi, to świetny sposób na rozpoczęcie.

Wdrażanie banerów reklamowych

Pełnoekranowa

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

Wdrażanie reklamy pełnoekranowej

Natywna

Reklamy, które można dostosować do wyglądu i sposobu działania 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 wchodzenie w interakcje z reklamami demonstracyjnymi gier oraz ankietami. To dobry sposób, by zarabiać na bezpłatnych grach.

Wdrażanie reklamy z nagrodą