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 AdMob i uzyskiwania przychodów. Po zakończeniu integracji możesz wybrać format reklamy, aby wyświetlić 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ń
- Zalecamy: utwórz konto AdMob i zarejestruj aplikację na Androida lub iOS.
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
Aktualizuj plik AndroidManifest.xml
Identyfikator aplikacji AdMob należy podać w polu AndroidManifest.xml
. W przeciwnym razie przy uruchamianiu aplikacji wystąpi błąd.
Dodaj do pliku android/app/src/main/AndroidManifest.xml
aplikacji identyfikator aplikacji AdMob podany w interfejsie internetowym AdMob, dodając tag <meta-data>
o nazwie com.google.android.gms.ads.APPLICATION_ID
. W przypadku android:value
wstaw swój identyfikator aplikacji AdMob w cudzysłowie:
<manifest>
<application>
<!-- Sample AdMob 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
Aktualizowanie pliku Info.plist
W pliku ios/Runner/Info.plist
swojej aplikacji dodaj klucz GADApplicationIdentifier
z wartością będącą ciągiem znaków identyfikatora aplikacji AdMob, zgodnie z informacjami podanymi w interfejsie internetowym AdMob:
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
Musisz przekazać tę samą wartość podczas inicjowania wtyczki w kodzie Dart.
Więcej informacji o konfigurowaniu usługi Info.plist
i konfigurowaniu identyfikatora aplikacji znajdziesz w przewodniku po iOS.
Zainicjowanie pakietu SDK do reklam mobilnych
Przed wczytaniem reklam aplikacja powinna zainicjować 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
Po zaimportowaniu pakietu SDK do reklam mobilnych możesz wdrożyć reklamę. AdMob oferuje wiele różnych formatów reklam, dzięki czemu możesz wybrać ten, który najlepiej pasuje do 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.