Aby wyświetlać reklamy i zarabiać na nich, zintegruj Google Mobile Ads Flutter Plugin z aplikacją we Flutterze. Aby przygotować projekt, przed wysłaniem prośby o 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 artykule Instalowanie Fluttera.
- Identyfikator aplikacji Ad Managera. Więcej informacji znajdziesz w artykule Znajdowanie identyfikatora aplikacji lub 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 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ć 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.plistdodajGADApplicationIdentifierklucz z identyfikatorem aplikacji w usłudze Ad Manager 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 wczytasz 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 obiektu Google Mobile Ads Flutter Plugin lub po 30 sekundach.
Poniższy przykład inicjuje 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ć bez opuszczania ekranu. | Konfigurowanie banerów reklamowych |
| Pełnoekranowa | Wyświetla 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 komponentów, takich jak nagłówki i wezwania do działania. Dostosowując reklamę, możesz tworzyć reklamy pasujące do projektu graficznego aplikacji. | Wczytywanie reklamy natywnej |
| Z nagrodą | Umożliwia 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, które wyświetlają się w momentach przejściowych w aplikacji. | Reklamy pełnoekranowe z nagrodą |
| Otwarcie aplikacji | Wyświetla się, gdy użytkownicy otwierają aplikację lub do niej wracają. Reklama nakłada się na wczytywany ekran. | Reklamy wyświetlane przy otwarciu aplikacji |