Aby wyświetlać reklamy i generować przychody, zintegruj Google Mobile Ads Flutter Plugin z aplikacją we Flutterze. Aby przygotować projekt, przed wysłaniem żądania reklamy zaimportuj i zainicjuj Google Mobile Ads Flutter Plugin.
Ten przewodnik zawiera informacje o importowaniu i inicjowaniu Google Mobile Ads Flutter Plugin oraz wybieraniu formatu reklamy.
Wymagania wstępne
Zanim przejdziesz dalej, musisz mieć:
- Flutter w wersji 3.38.1 lub nowszej.
- W przypadku Androida jest to najnowsza wersja Androida Studio.
- W przypadku iOS najnowsza wersja Xcode z włączonymi narzędziami wiersza poleceń. Więcej informacji znajdziesz w sekcji Instalowanie Fluttera.
- Identyfikator aplikacji Ad Managera. Więcej informacji znajdziesz w artykule Znajdowanie identyfikatora aplikacji lub identyfikatora jednostki reklamowej.
Importuj: Google Mobile Ads Flutter Plugin
Aby zaimportować Google Mobile Ads Flutter Plugin w projekcie Flutter, zapoznaj się z artykułem google_mobile_ads.
Konfiguracja aplikacji
Po zaimportowaniu Google Mobile Ads Flutter Plugin wybierz jedną z tych platform, aby skonfigurować aplikację:
Android
W Android Studio otwórz plik
android/app/src/main/AndroidManifest.xml.W pliku
AndroidManifest.xmldodaj do tagu<application>tag<meta-data>z tymi właściwościami:<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>Te właściwości muszą mieć następujące wartości:
android:name:com.google.android.gms.ads.APPLICATION_ID.android:value: identyfikator aplikacji Ad Managera.
Szczegółowe informacje o konfigurowaniu pliku
AndroidManifest.xmlznajdziesz w artykule Konfigurowanie Google Mobile Ads SDK (Legacy).
iOS
- W Xcode otwórz plik
ios/Runner/Info.plist. W pliku
Info.plistdodaj kluczGADApplicationIdentifierz identyfikatorem aplikacji w Ad Managerze jako ciągiem znaków.<key>GADApplicationIdentifier</key> <string>ca-app-pub-################~##########</string>Szczegółowe informacje o konfigurowaniu pliku
Info.plistznajdziesz w artykule Aktualizowanie plikuInfo.plist.
Inicjowanie Google Mobile Ads Flutter Plugin
Zanim aplikacja wczyta reklamy, zainicjuj Google Mobile Ads Flutter Plugin, wywołując funkcję
MobileAds.instance.initialize().
Ta metoda zwraca obiekt Future, który kończy działanie po zainicjowaniu Google Mobile Ads Flutter Plugin lub po 30 sekundach.
Poniższy przykład inicjuje zmienną Google Mobile Ads Flutter Plugin:
// Initialize the Mobile Ads SDK.
MobileAds.instance.initialize();
Wybierz format reklamy
Po zaimportowaniu Google Mobile Ads Flutter Plugin możesz wybrać format reklamy do wdrożenia. Ad Manager oferuje te formaty reklam:
| Format reklamy | Opis | Dokumentacja |
|---|---|---|
| Baner | Wyświetla prostokątne reklamy w wyznaczonym obszarze. Reklamy te odświeżają się automatycznie, dzięki czemu użytkownicy mogą je wyświetlać, pozostając na tym samym ekranie. | Konfigurowanie banerów reklamowych |
| Pełnoekranowa | Wyświetlają w aplikacji reklamy zajmujące całą stronę. Umieść je w naturalnych punktach przejścia, np. między poziomami gry. | Reklamy pełnoekranowe |
| Natywna | Umożliwia dostosowywanie w aplikacjach zasobów, takich jak nagłówki i wezwania do działania. Dostosowując reklamę, tworzysz reklamy pasujące do wyglądu Twojej aplikacji. | Wczytywanie reklamy natywnej |
| Z nagrodą | Umożliwiają użytkownikom oglądanie filmów lub wypełnianie ankiet w celu zdobywania nagród w aplikacji, takich jak monety lub dodatkowe życia. Dla każdej jednostki reklamowej możesz określić wartości nagród. | Reklamy z nagrodą |
| Reklama pełnoekranowa z nagrodą | Umożliwia oferowanie nagród, takich jak monety lub dodatkowe życia, za oglądanie reklam wyświetlanych w momentach przejściowych w aplikacji. | Reklamy pełnoekranowe z nagrodą |
| Przy otwarciu aplikacji | Wyświetla się, gdy użytkownicy otwierają aplikację lub do niej wracają. Reklama nakłada się na ekran wczytywania. | Reklamy wyświetlane przy otwarciu aplikacji |