Aby wyświetlać reklamy i zarabiać, zintegruj Google Mobile Ads Flutter Plugin z aplikacją Flutter. Aby przygotować projekt, zaimportuj i zainicjuj Google Mobile Ads Flutter Plugin, zanim poprosisz o reklamy.
Ten przewodnik zawiera informacje o importowaniu i inicjowaniu Google Mobile Ads Flutter Plugin oraz o wyborze formatu reklamy.
Wymagania wstępne
Zanim przejdziesz dalej, musisz mieć:
- Flutter w wersji 3.38.1 lub nowszej.
- W przypadku Androida – najnowszą wersję Android Studio.
- W przypadku iOS – najnowszą wersję Xcode z włączonymi narzędziami wiersza poleceń. Więcej informacji znajdziesz w artykule Instalowanie Fluttera.
- Identyfikator aplikacji w usłudze Ad Manager. 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 do projektu 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 tag<meta-data>do tagu<application>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ć te wartości:
android:name:com.google.android.gms.ads.APPLICATION_ID.android:value: identyfikator aplikacji w usłudze Ad Manager.
Więcej informacji 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 usłudze Ad Manager jako ciągiem znaków.<key>GADApplicationIdentifier</key> <string>ca-app-pub-################~##########</string>Więcej informacji o konfigurowaniu pliku
Info.plistznajdziesz w artykule Aktualizowanie plikuInfo.plist.
Inicjowanie Google Mobile Ads Flutter Plugin
Zanim zaczniesz wczytywać reklamy, zainicjuj Google Mobile Ads Flutter Plugin, wywołując
MobileAds.instance.initialize().
Ta metoda zwraca Future, który kończy się po zainicjowaniu Google Mobile Ads Flutter Plugin,
lub po 30 sekundach.
Ten przykład pokazuje, jak zainicjować 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 oglądać, pozostając na tym samym ekranie. | Konfigurowanie banerów reklamowych |
| Pełnoekranowa | Wyświetla w aplikacji reklamy zajmujące całą stronę. Umieść je w naturalnych momentach przejściowych, np. między poziomami gry. | Reklamy pełnoekranowe |
| Natywna | Umożliwia dostosowywanie zasobów, takich jak nagłówki i wezwania do działania, w aplikacjach. Dostosowując reklamę, tworzysz reklamy pasujące do wyglądu aplikacji. | Wczytywanie reklamy natywnej |
| Z nagrodą | Umożliwia użytkownikom oglądanie filmów lub wypełnianie ankiet, aby zdobywać nagrody w aplikacji, takie jak monety lub dodatkowe życia. W przypadku 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 reklamy wyświetlane podczas przejść w aplikacji. | Reklamy pełnoekranowe z nagrodą |
| Przy otwarciu aplikacji | Pojawia się, gdy użytkownicy otwierają Twoją aplikację lub do niej wracają. Reklama nakłada się na ekran wczytywania. | Reklamy wyświetlane przy otwarciu aplikacji |