Rozpocznij

Wybierz platformę: Android 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

Zaimportuj pakiet SDK do reklam mobilnych

Konfiguracja na poszczególnych platformach

Android

Zaktualizuj plik 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 znajduje się 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, która jest identyfikatorem aplikacji AdMob określonym 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 reklam mobilnych

Przed wczytaniem reklam aplikacja musi zainicjować pakiet SDK do reklam mobilnych, wywołując MobileAds.instance.initialize() co spowoduje zainicjowanie pakietu SDK i zwrócenie Future, które zakoń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 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 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 reklamami mobilnymi, to świetny sposób na rozpoczęcie.

Wdrażanie 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 przerwach w działaniu aplikacji, np. między poziomami gry lub tuż po wykonaniu zadania.

Wdrażanie reklamy pełnoekranowej

Natywna

Dopasowane reklamy, które pasują do wyglądu i stylu Twojej 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, aby zarabiać na bezpłatnych grach.

Wdrażanie reklamy z nagrodą