Dieser Leitfaden richtet sich an Publisher, die eine Flutter-App monetarisieren möchten.
Die Einbindung des Google Mobile Ads SDK in eine Flutter-App ist der erste Schritt zur Auslieferung von AdMob-Anzeigen und zum Erzielen von Umsatz. 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.
Voraussetzungen
- Flutter 1.22.0 oder höher
- Android
- Android Studio 3.2 oder höher
- Ziel-API-Level 20 oder höher
- Lege
compileSdkVersion
auf 28 oder höher fest
- iOS
- Aktuelle Version von Xcode mit aktivierten Befehlszeilentools
- Empfehlung: Erstelle ein AdMob-Konto und registriere eine Android- und/oder iOS-App.
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 AdMob-App-ID muss in AndroidManifest.xml
enthalten sein. Andernfalls stürzt die App beim Start ab.
Fügen Sie die AdMob-App-ID, die auf der AdMob-Weboberfläche identifiziert wurde, der Datei android/app/src/main/AndroidManifest.xml
der App hinzu. Fügen Sie dazu ein <meta-data>
-Tag mit dem Namen com.google.android.gms.ads.APPLICATION_ID
hinzu. Geben Sie für android:value
Ihre eigene AdMob-App-ID in Anführungszeichen ein:
<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>
Verwenden Sie dasselbe value
, wenn Sie das Plug-in in Ihrem Dart-Code initialisieren.
Weitere Informationen zum Konfigurieren von AndroidManifest.xml
und Einrichten der App-ID findest du im Android-Leitfaden.
iOS
Info.plist aktualisieren
Fügen Sie der Datei ios/Runner/Info.plist
Ihrer App einen GADApplicationIdentifier
-Schlüssel mit einem Stringwert Ihrer AdMob-App-ID hinzu, wie in der AdMob-Weboberfläche identifiziert:
<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 Einrichten der App-ID findest du im iOS-Leitfaden.
Mobile Ads SDK initialisieren
Bevor Anzeigen geladen werden, muss Ihre App das Mobile Ads SDK initialisieren. Dazu rufen Sie MobileAds.instance.initialize()
auf. Dadurch wird das SDK initialisiert und ein Future
zurückgegeben, das nach Abschluss der Initialisierung oder nach einer Zeitüberschreitung von 30 Sekunden abgeschlossen ist. Dies muss nur einmal durchgeführt werden, idealerweise unmittelbar 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
Nachdem das Mobile Ads SDK importiert wurde, können Sie eine Anzeige implementieren. AdMob bietet verschiedene Anzeigenformate, sodass Sie das auswählen können, das am besten zur Nutzererfahrung Ihrer App passt.
Banner
Rechteckige Anzeigen, die oben oder unten auf dem Bildschirm 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 verdecken, bis sie vom Nutzer geschlossen werden. Sie werden am besten bei natürlichen Pausen im Ausführungsfluss einer App eingesetzt, z. B. zwischen Leveln eines Spiels oder direkt nach dem Abschluss einer Aufgabe.
Interstitial-Anzeige implementieren
Ich bin Muttersprachler
Anpassbare Anzeigen, die an das Erscheinungsbild Ihrer App angepasst werden. Sie entscheiden, wie und wo sie platziert werden, sodass das Layout besser zum Design Ihrer App passt.
Verfügbar
Anzeigen, bei denen Nutzer für das Ansehen von Kurzvideos und die Interaktion mit spielbaren Anzeigen und Umfragen belohnt werden. Gut zur Monetarisierung von Free-to-play-Nutzern geeignet.