Aby wyświetlać reklamy i zarabiać, zintegruj Google Mobile Ads Flutter Plugin z aplikacją we Flutterze. Aby przygotować projekt, zaimportuj i zainicjuj Google Mobile Ads Flutter Plugin, zanim zaczniesz wysyłać żądania reklam.
Ten przewodnik zawiera informacje o importowaniu i inicjowaniu pakietu 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 – najnowsza wersja Android 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 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ć 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 przejdź do pliku
ios/Runner/Info.plist. W pliku
Info.plistdodaj kluczGADApplicationIdentifierz identyfikatorem aplikacji Ad Managera 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.
Zainicjuj 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 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 pakietu Google Mobile Ads Flutter Plugin możesz wybrać format reklamy do wdrożenia. Ad Manager udostępnia 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ś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 komponentów, takich jak nagłówki i wezwania do działania, w aplikacjach. Dostosowując reklamę, tworzysz reklamy, które pasują do wyglądu Twojej aplikacji. | Wczytywanie reklamy natywnej |
| Z nagrodą | Umożliwiają użytkownikom oglądanie filmów lub wypełnianie ankiet w zamian za nagrody w aplikacji, takie 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ą |
| Reklama przy otwarciu 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 |