Ten przewodnik jest przeznaczony dla wydawców, którzy chcą zarabiać na aplikacji Flutter.
Zintegrowanie pakietu SDK do reklam mobilnych Google z aplikacją Flutter to pierwszy krok do wyświetlania reklam z Ad Managera i generowania przychodów. Po zakończeniu integracji możesz wybrać format reklamy, aby uzyskać szczegółowe instrukcje implementacji.
Pakiet SDK do reklam mobilnych Google dla platformy Flutter obsługuje obecnie wczytywanie i wyświetlanie reklam banerowych, pełnoekranowych (pełnoekranowych), natywnych oraz reklam z nagrodą.
Wymagania wstępne
- Flutter w wersji 1.22.0 lub nowszej
- Android
- Android Studio w wersji 3.2 lub nowszej
- Kieruj na interfejs Android API na poziomie 20 lub wyższym
- Ustaw
compileSdkVersion
na 28 lub więcej
- iOS
- Najnowsza wersja Xcode z włączonymi narzędziami wiersza poleceń
Importowanie pakietu SDK do reklam mobilnych
- Dołącz do projektu Flutter pakiet SDK do reklam mobilnych Google dla wtyczki Flutter.
Konfiguracja na poziomie platformy
Android
Aktualizacja pliku AndroidManifest.xml
Identyfikator aplikacji z Ad Managera musi być zawarty w elemencie AndroidManifest.xml
.
Jeśli tego nie zrobisz, podczas uruchamiania aplikacji wystąpi awaria.
Dodaj identyfikator aplikacji z Ad Managera (zidentyfikowany w interfejsie Ad Managera) do pliku android/app/src/main/AndroidManifest.xml
aplikacji, dodając tag <meta-data>
o nazwie com.google.android.gms.ads.APPLICATION_ID
. Znajdziesz go w interfejsie Ad Managera. W przypadku elementu android:value
wstaw w cudzysłowie własny identyfikator aplikacji z Ad Managera:
<manifest> <application> <!-- Sample 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 konfigurowaniu identyfikatora aplikacji znajdziesz w przewodniku na temat Androida.
iOS
Zaktualizuj plik Info.plist
W pliku ios/Runner/Info.plist
aplikacji dodaj klucz GADApplicationIdentifier
z wartością będącą ciągiem znaków identyfikatora aplikacji z Ad Managera (określonego w interfejsie Ad Managera):
<key>GADApplicationIdentifier</key> <string>ca-app-pub-################~##########</string>
Musisz przekazać tę samą wartość podczas inicjowania wtyczki w kodzie Dart.
Więcej informacji o konfigurowaniu Info.plist
i konfigurowaniu identyfikatora aplikacji znajdziesz w przewodniku dotyczącym iOS.
Zainicjowanie pakietu SDK do reklam mobilnych
Przed wczytaniem reklam aplikacja zainicjuj pakiet SDK do reklam mobilnych, wywołując MobileAds.instance.initialize()
, co inicjuje pakiet SDK i zwraca Future
, które kończy się po zakończeniu inicjowania (lub po upływie 30 sekund). Wystarczy to zrobić tylko raz, najlepiej tuż przed uruchomieniem aplikacji.
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:flutter/material.dart';
void main() {
WidgetsFlutterBinding.ensureInitialized();
MobileAds.instance.initialize();
runApp(MyApp());
}
class MyApp extends StatefulWidget {
@override
MyAppState createState() => MyAppState();
}
class MyAppState extends State<MyApp> {
@override
void initState() {
super.initState();
// Load ads.
}
}
Wybierz format reklamy
Pakiet SDK do reklam mobilnych został zaimportowany i możesz już wdrożyć reklamę. Ad Manager udostępnia 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 korzystają z aplikacji, i mogą być automatycznie odświeżane po upływie określonego czasu. Jeśli nie masz doświadczenia z reklamami mobilnymi, jest to dobry punkt wyjścia.
Pełnoekranowa
Reklamy pełnoekranowe zakrywające interfejs aplikacji, dopóki użytkownik nie zamknie ich. Najlepiej sprawdza się w naturalnych przerwach w działaniu aplikacji, np. między poziomami gry lub tuż po ukończeniu zadania.
Wdrażanie reklam pełnoekranowych
Natywna
Reklamy z możliwością dostosowania do wyglądu i stylu Twojej aplikacji. To Ty decydujesz, jak i gdzie się wyświetlają, dzięki czemu ich układ jest bardziej spójny z projektem aplikacji.
Otrzymano
Reklamy, które nagradzają użytkowników za oglądanie krótkich filmów, wchodzenie w interakcje z reklamami demonstracyjnymi gry oraz wypełnianie ankiet. To dobry sposób, by zarabiać na bezpłatnych grach.