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
- Flutter w wersji 3.27.0 lub nowszej
- Android
- Najnowsza wersja Android Studio
- iOS
- Najnowsza wersja Xcode z włączonymi narzędziami wiersza poleceń
Zaimportuj pakiet SDK do reklam mobilnych
- Do projektu Flutter dodaj wtyczkę pakietu SDK do reklam mobilnych Google na potrzeby Fluttera.
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();
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.
Baner
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.
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.