Bevor Sie Anzeigen einblenden und Einnahmen erzielen können, müssen Sie zuerst das Google Mobile Ads SDK in eine Flutter-App einbinden. Anschließend können Sie eines oder mehrere der unterstützten Anzeigenformate implementieren.
Vorbereitung
- Flutter 3.27.0 oder höher
- Android
- Neueste Version von Android Studio
- iOS
- Die aktuelle Version von Xcode mit aktivierten Befehlszeilentools
Google 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 in der AdMob-Weboberfläche angezeigt wird, der android/app/src/main/AndroidManifest.xml-Datei der App hinzu. Fügen Sie dazu ein <meta-data>-Tag mit dem Namen com.google.android.gms.ads.APPLICATION_ID ein.
Geben Sie für android:value Ihre eigene App-ID in Anführungszeichen ein, wie unten dargestellt:
<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 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 in der Datei ios/Runner/Info.plist Ihrer App einen GADApplicationIdentifier-Schlüssel mit dem Stringwert Ihrer AdMob-App-ID hinzu, wie in der AdMob-Weboberfläche angegeben:
<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 der App-ID finden Sie im iOS-Leitfaden.
Mobile Ads SDK initialisieren
Bevor Sie Anzeigen laden, muss Ihre App das Google Mobile Ads SDK initialisieren. Rufen Sie dazu
MobileAds.instance.initialize()
auf. Dadurch wird das SDK initialisiert und ein Future zurückgegeben, das abgeschlossen wird, sobald die Initialisierung abgeschlossen ist oder nach einer 30-sekündigen Zeitüberschreitung. Rufen Sie initialize() so früh wie möglich an.
// Initialize the Mobile Ads SDK.
MobileAds.instance.initialize();
Anzeigenformat auswählen
Nachdem das Google Mobile Ads SDK importiert wurde, können Sie eine Anzeige implementieren. AdMob bietet eine Reihe verschiedener Anzeigenformate, sodass Sie das Format auswählen können, das am besten zur Nutzerfreundlichkeit Ihrer App passt.
Banner
Rechteckige Anzeigen, die oben oder unten auf dem Bildschirm 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 noch keine Erfahrung mit mobiler Werbung haben, sind sie ein guter Ausgangspunkt.
Interstitial
Vollbildanzeigen, die die Benutzeroberfläche einer App überlagern, bis sie vom Nutzer geschlossen werden. Sie sollten an natürlichen Pausen im Ablauf einer App eingeblendet werden, z. B. zwischen den Levels eines Spiels oder nachdem der Nutzer eine Aufgabe abgeschlossen hat.
Interstitial-Anzeige implementieren
Nativ
Anpassbare Anzeigen, die sich in das Design Ihrer App einfügen. Sie entscheiden, wie und wo sie platziert werden, sodass das Layout optimal auf Ihre App abgestimmt ist.
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.
Anzeigen mit Prämie implementieren