Ten przewodnik jest przeznaczony dla wydawców, którzy chcą zarabiać na aplikacji Flutter.
Integracja pakietu SDK do reklam mobilnych Google z aplikacją Flutter, którą wykonasz tutaj, to pierwszy krok do wyświetlania reklam AdMob i uzyskiwania przychodów. Po zakończeniu integracji możesz wybrać format reklamy, aby uzyskać szczegółowe instrukcje implementacji.
Pakiet SDK do reklam mobilnych Google dla Fluttera obsługuje obecnie wczytywanie i wyświetlanie banerów, reklam pełnoekranowych, reklam natywnych i reklam wideo z nagrodą.
Wymagania wstępne
- Flutter w wersji 1.22.0 lub nowszej
- Android
- Android Studio 3.2 lub nowsza
- Docelowy poziom interfejsu API Androida: 20 lub wyższy
- Ustaw wartość
compileSdkVersion
na 28 lub więcej.
- iOS
- najnowsza wersja Xcode z włączonymi narzędziami wiersza poleceń.
- Zalecane: utwórz konto AdMob i zarejestruj aplikację na Androida lub iOS.
Zaimportuj pakiet SDK do reklam mobilnych
- Włącz w swoim projekcie Fluttera wtyczkę pakietu SDK do reklam mobilnych Google dla Fluttera.
Konfiguracja na poszczególnych platformach
Android
Zaktualizuj plik AndroidManifest.xml
AndroidManifest.xml
musi zawierać identyfikator aplikacji AdMob. Jeśli tego nie zrobisz, aplikacja ulegnie awarii przy uruchamianiu.
Dodaj identyfikator aplikacji AdMob (określony w interfejsie internetowym AdMob) do pliku android/app/src/main/AndroidManifest.xml
aplikacji, dodając do niego tag <meta-data>
o nazwie com.google.android.gms.ads.APPLICATION_ID
. W miejscu android:value
wpisz w cudzysłowie swój identyfikator aplikacji AdMob:
<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 Darta.
Więcej informacji o konfigurowaniu AndroidManifest.xml
i ustawienia identyfikatora aplikacji znajdziesz w przewodniku dotyczącym Androida.
iOS
Zaktualizuj plik Info.plist
W pliku ios/Runner/Info.plist
aplikacji dodaj klucz GADApplicationIdentifier
z wartością ciągu znaków identyfikatora aplikacji AdMob, który znajdziesz w interfejsie internetowym AdMob:
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
Podczas inicjowania wtyczki w kodzie Darta musisz przekazać tę samą wartość.
Więcej informacji o konfigurowaniu Info.plist
i identyfikatora aplikacji znajdziesz w przewodniku po iOS.
Zainicjowanie pakietu SDK do reklam mobilnych
Przed wczytaniem reklam aplikacja musi zainicjować pakiet SDK do reklam mobilnych. Aby to zrobić, wywołaj funkcję MobileAds.instance.initialize()
, która zainicjuje pakiet SDK i zwróci obiekt Future
. Ten ostatni zakończy działanie po zakończeniu inicjowania lub po 30 sekundach bezczynności. 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, możesz więc wybrać ten, który najlepiej pasuje do aplikacji, z których korzysta Twoja aplikacja.
Baner
Prostokątne reklamy wyświetlane u góry lub u dołu ekranu urządzenia. Banery reklamowe pozostają na ekranie, gdy użytkownicy wchodzą w interakcję z aplikacją, i mogą odświeżać się automatycznie po upływie określonego czasu. Jeśli dopiero zaczynasz korzystać z reklam mobilnych, powinien on być dla Ciebie przydatnym punktem wyjścia.
Pełnoekranowa
reklamy pełnoekranowe, które zakrywają interfejs aplikacji, dopóki użytkownik ich nie zamknie; Najlepiej używać ich w naturalnych przerwach w wykonywaniu aplikacji, np. między poziomami w grze lub tuż po wykonaniu zadania.
Wdrażanie reklamy pełnoekranowej
Natywna
Reklamy dostosowane do wyglądu i charakteru aplikacji. Ty decydujesz, jak i gdzie się wyświetlają, więc ich układ jest bardziej spójny z aplikacją.
Z nagrodą
Reklamy, które umożliwiają nagradzanie użytkowników w zamian za oglądanie krótkich filmów, wchodzenie w interakcje z reklamami demonstracyjnymi gier oraz wypełnianie ankiet. To dobry sposób, by zarabiać na bezpłatnych grach.