Jetzt starten

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 AdMob-Anzeigen zu schalten und Einnahmen 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

Mobile Ads SDK importieren

Plattformspezifische Einrichtung

Android

AndroidManifest.xml aktualisieren

Die AdMob-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 AdMob-App-ID hinzu, die in der AdMob-Weboberfläche angezeigt wird. 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, wie hier gezeigt:

<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>

Verwende dieselbe value, wenn du das Plug-in in deinem Dart-Code initialisierst.

Weitere Informationen zum Konfigurieren von AndroidManifest.xml und Einrichten der App-ID finden Sie im Android-Leitfaden.

iOS

Info.plist aktualisieren

Fügen Sie der Datei ios/Runner/Info.plist Ihrer App den Schlüssel GADApplicationIdentifier mit dem Stringwert Ihrer AdMob-App-ID hinzu, wie sie in der AdMob-Weboberfläche angezeigt wird:

<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 ein Future zurückgegeben, der beendet wird, sobald die Initialisierung abgeschlossen ist (oder nach einer 30-sekündigen Zeitüberschreitung). 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 Format auswählen können, das am besten zur Nutzerfreundlichkeit Ihrer App passt.

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 noch keine Erfahrung mit mobiler Werbung haben, sind sie ein guter Ausgangspunkt.

Banneranzeige implementieren

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.

Native Anzeige implementieren

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