Wenn Sie Anzeigen ausliefern und Umsätze erzielen möchten, müssen Sie Google Mobile Ads Flutter Plugin in Ihre Flutter-App einbinden. Dazu importieren und initialisieren Sie Google Mobile Ads Flutter Plugin, bevor Sie Anzeigen anfordern.
In diesem Leitfaden wird beschrieben, wie Sie Google Mobile Ads Flutter Plugin importieren und initialisieren und ein Anzeigenformat auswählen.
Vorbereitung
Bevor Sie fortfahren, benötigen Sie Folgendes:
- Flutter-Version 3.38.1 oder höher.
- Für Android die aktuelle Android Studio-Version.
- Für iOS: die aktuelle Xcode-Version mit aktivierten Befehlszeilentools. Weitere Informationen finden Sie unter Flutter installieren.
- Eine AdMob-App-ID. Weitere Informationen finden Sie unter App-ID oder Anzeigenblock-ID suchen und kopieren.
Google Mobile Ads Flutter Plugin importieren
Informationen zum Importieren von Google Mobile Ads Flutter Plugin in Ihr Flutter-Projekt finden Sie unter google_mobile_ads.
Eigene App konfigurieren
Nachdem Sie Google Mobile Ads Flutter Plugin importiert haben, wählen Sie eine der folgenden Plattformen aus, um Ihre App zu konfigurieren:
Android
Rufen Sie in Android Studio die Datei
android/app/src/main/AndroidManifest.xmlauf.Fügen Sie in der Datei
AndroidManifest.xmldem Tag<application>ein<meta-data>-Tag mit den folgenden Attributen hinzu:<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>Diese Eigenschaften müssen die folgenden Werte haben:
android:name:com.google.android.gms.ads.APPLICATION_ID.android:value: Ihre AdMob-App-ID.
Weitere Informationen zum Einrichten der Datei
AndroidManifest.xmlfinden Sie unter Google Mobile Ads SDK (Legacy) einrichten.
iOS
- Rufen Sie in Xcode die Datei
ios/Runner/Info.plistauf. Fügen Sie in der Datei
Info.plisteinenGADApplicationIdentifier-Schlüssel mit Ihrer AdMob-App-ID als String hinzu.<key>GADApplicationIdentifier</key> <string>ca-app-pub-################~##########</string>Weitere Informationen zum Einrichten einer
Info.plist-Datei finden Sie unterInfo.plistaktualisieren.
Google Mobile Ads Flutter Plugin initialisieren
Initialisieren Sie Google Mobile Ads Flutter Plugin vor dem Laden von Anzeigen, indem Sie MobileAds.instance.initialize() aufrufen.
Diese Methode gibt ein Future zurück, das nach der Initialisierung von Google Mobile Ads Flutter Plugin oder nach 30 Sekunden abgeschlossen wird.
Im folgenden Beispiel wird Google Mobile Ads Flutter Plugin initialisiert:
// Initialize the Mobile Ads SDK.
MobileAds.instance.initialize();
Anzeigenformat auswählen
Nachdem Sie Google Mobile Ads Flutter Plugin importiert haben, können Sie ein Anzeigenformat auswählen, das Sie implementieren möchten. In AdMob sind die folgenden Anzeigenformate verfügbar:
| Anzeigenformat | Beschreibung | Dokumentation |
|---|---|---|
| Banner | Hier werden rechteckige Anzeigen in einem bestimmten Bereich präsentiert. Diese Anzeigen werden automatisch aktualisiert, sodass Nutzer Anzeigen sehen können, ohne den Bildschirm zu wechseln. | Banneranzeigen einrichten |
| Interstitial | Ganzseitige Anzeigen in Ihrer App. Diese Anzeigen sollten an natürlichen Übergangspunkten platziert werden, z. B. zwischen Spielelevels. | Interstitial-Anzeigen |
| Nativ | Damit können Sie Assets wie Anzeigentitel und Calls-to-Action in Ihren Apps anpassen. Wenn Sie die Anzeige anpassen, erstellen Sie Anzeigen, die zum visuellen Design Ihrer App passen. | Native Anzeige laden |
| Verfügbar | Nutzer können sich Videos ansehen oder an Umfragen teilnehmen, um In-App-Prämien wie Münzen oder Extraleben zu erhalten. Sie können für jeden Anzeigenblock Prämienwerte angeben. | Anzeigen mit Prämie |
| Interstitial mit Prämie | Sie können damit Nutzer, die sich die Werbung ansehen, mit Münzen oder Extraleben belohnen. | Interstitial-Anzeigen mit Prämie |
| App-Start | Wird eingeblendet, wenn Nutzer Ihre App öffnen oder zu ihr zurückkehren. Die Anzeige wird als Overlay über dem Ladebildschirm eingeblendet. | App-Start-Anzeigen |