Dieser Leitfaden richtet sich an Publisher, die eine Flutter-App monetarisieren möchten.
Wenn Sie das Google Mobile Ads SDK in eine Flutter-App einbinden, wie Sie es hier tun, ist das der erste Schritt, um Ad Manager-Anzeigen zu präsentieren und damit Umsätze zu erzielen. Sobald die Integration abgeschlossen ist, können Sie ein Anzeigenformat auswählen, um detaillierte Implementierungsschritte zu erhalten.
Das Google Mobile Ads SDK für Flutter unterstützt derzeit das Laden und Anzeigen von Banner-, Interstitial- (Vollbild-), nativen Anzeigen und Anzeigen mit Prämie.
Vorbereitung
- Flutter 1.22.0 oder höher
- Android
- Android Studio 3.2 oder höher
- Ziel-API-Level 20 oder höher
- Legen Sie
compileSdkVersion
auf 28 oder höher fest.
- iOS
- Neueste Version von Xcode mit aktivierten Befehlszeilentools
Mobile Ads SDK importieren
- Fügen Sie das Google Mobile Ads SDK for Flutter-Plug-in in Ihr Flutter-Projekt ein.
Plattformspezifische Einrichtung
Android
AndroidManifest.xml aktualisieren
Die Ad Manager-App-ID muss in der AndroidManifest.xml
enthalten sein.
Andernfalls stürzt die App beim Start ab.
Fügen Sie der Datei android/app/src/main/AndroidManifest.xml
der App die Ad Manager-App-ID (wird in der Ad Manager-Benutzeroberfläche angezeigt) hinzu. Fügen Sie dazu ein <meta-data>
-Tag mit dem Namen com.google.android.gms.ads.APPLICATION_ID
hinzu. Sie finden Ihre App-ID in der Ad Manager-Benutzeroberfläche. Geben Sie für android:value
Ihre eigene Ad Manager-App-ID in Anführungszeichen ein, wie hier gezeigt:
<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>
Verwenden Sie dieselbe value
, wenn Sie das Plug-in in Ihrem Dart-Code initialisieren.
Weitere Informationen zum Konfigurieren von AndroidManifest.xml
und zum Einrichten der App-ID finden Sie im Android-Leitfaden.
iOS
Info.plist aktualisieren
Fügen Sie der ios/Runner/Info.plist
-Datei Ihrer App einen GADApplicationIdentifier
-Schlüssel mit dem Stringwert Ihrer Ad Manager-App-ID hinzu (wird in der Ad Manager-Benutzeroberfläche angezeigt):
<key>GADApplicationIdentifier</key> <string>ca-app-pub-################~##########</string>
Sie müssen denselben Wert übergeben, wenn Sie das Plug-in in Ihrem Dart-Code initialisieren.
Weitere Informationen zum Konfigurieren von Info.plist
und zum Einrichten Ihrer App-ID finden Sie im iOS-Leitfaden.
Mobile Ads SDK initialisieren
Bevor Anzeigen geladen werden, muss das Mobile Ads SDK in Ihrer App initialisiert werden. Rufen Sie dazu MobileAds.instance.initialize()
auf. Dadurch wird das SDK initialisiert und eine Future
zurückgegeben, die beendet wird, sobald die Initialisierung abgeschlossen ist (oder nach einer 30-sekündigen Zeitüberschreitung). Dies muss nur einmal erfolgen, idealerweise direkt vor dem Ausführen der App.
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.
}
}
Anzeigenformat auswählen
Das Mobile Ads SDK wurde jetzt importiert und Sie können eine Anzeige implementieren. In Ad Manager stehen Ihnen verschiedene Anzeigenformate zur Verfügung. Sie können also das Format auswählen, das am besten zur Nutzerfreundlichkeit Ihrer App passt.
Banner
Rechteckige Anzeigen, die oben oder unten auf dem Display des Geräts eingeblendet werden. Banneranzeigen bleiben auf dem Bildschirm, während Nutzer mit der App interagieren, und können nach einer bestimmten Zeit automatisch aktualisiert werden. Wenn Sie neu in der mobilen Werbung sind, sind diese ein guter Ausgangspunkt.
Interstitial
Vollbildanzeigen, die die Benutzeroberfläche einer App überlagern, bis sie vom Nutzer geschlossen werden. Sie eignen sich am besten für natürliche Pausen bei der Ausführung einer App, z. B. zwischen den Levels eines Spiels oder direkt nach Abschluss einer Aufgabe.
Interstitial-Anzeige implementieren
Nativ
Anpassbare Anzeigen, die zum Erscheinungsbild Ihrer App passen. Sie entscheiden, wie und wo sie platziert werden. So haben Sie die Möglichkeit, das Layout optimal auf Ihre App abzustimmen.
Verfügbar
Anzeigenformat, bei dem Nutzer, die sich kurze Videos ansehen oder mit spielbaren Anzeigen oder Umfragen interagieren, mit Prämien belohnt werden. Eignet sich hervorragend zur Monetarisierung von Spielen, die für Nutzer kostenlos sind.