Einstieg

Dieser Leitfaden richtet sich an Publisher, die Flutter App verwenden.

Google Mobile Ads SDK in eine Flutter-App einbinden ist der erste Schritt zur Auslieferung von Ad Manager-Anzeigen und zur Umsatzsteigerung. Sobald die Integration abgeschlossen ist, können Sie ein Anzeigenformat auswählen, um detaillierte Implementierungsschritten.

Das Google Mobile Ads SDK für Flutter unterstützt derzeit das Laden und Anzeigen Banner-, Interstitial- (Vollbildanzeigen), native Anzeigen und Anzeigen mit Prämie.

Vorbereitung

  • Flutter 1.22.0 oder höher
  • Android-Geräte <ph type="x-smartling-placeholder">
      </ph>
    • Android Studio 3.2 oder höher
    • Ziel-API-Level 20 oder höher
    • Lege compileSdkVersion auf 28 oder höher fest
  • iOS <ph type="x-smartling-placeholder">

Mobile Ads SDK importieren

Plattformspezifische Einrichtung

Android

AndroidManifest.xml aktualisieren

Die Ad Manager-App-ID muss in AndroidManifest.xml enthalten sein. Andernfalls stürzt die App beim Start ab.

Fügen Sie die Ad Manager-App-ID hinzu (in der Anzeige Manager-Benutzeroberfläche) in die android/app/src/main/AndroidManifest.xml -Datei der App ein, indem Sie ein <meta-data>-Tag mit dem Namen com.google.android.gms.ads.APPLICATION_ID So finden Sie Ihre App: ID auf der Ad Manager-Benutzeroberfläche. Für android:value eigene Anzeige einfügen Manager-App-ID in Anführungszeichen, 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 dasselbe value, wenn Sie das Plug-in in Ihrem Dart initialisieren. Code.

Weitere Informationen finden Sie in der Android- finden Sie in diesem Leitfaden. AndroidManifest.xml und Einrichten der App-ID.

iOS

Info.plist aktualisieren

Füge in der Datei ios/Runner/Info.plist deiner App einen GADApplicationIdentifier-Schlüssel mit dem Stringwert Ihres Ad Manager-Kontos App-ID (identifiziert in auf der Ad Manager-Benutzeroberfläche):

<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>

Sie müssen denselben Wert übergeben, wenn Sie das Plug-in in Ihrem Dart initialisieren. Code.

Weitere Informationen finden Sie im Leitfaden für iOS. finden Sie weitere Informationen zum Konfigurieren von Info.plist und zum Einrichten Ihre App-ID.

Mobile Ads SDK initialisieren

Bitten Sie Ihre App, das Mobile Ads SDK zu initialisieren, bevor Anzeigen geladen werden. Rufen Sie dazu MobileAds.instance.initialize() zum Initialisieren des SDK und Zurückgeben eines Fehlers Future, die nach Abschluss der Initialisierung (oder nach 30 Sekunden) abgeschlossen ist 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

Das Mobile Ads SDK wurde importiert und Sie können eine Anzeige implementieren. Anzeige Manager bietet verschiedene Anzeigenformate, sodass Sie das Format auswählen können, das am besten zur Nutzererfahrung Ihrer App passt.

Rechteckige Anzeigen, die oben oder unten auf dem Bildschirm des Geräts eingeblendet werden. Banneranzeige bleiben die Anzeigen auf dem Bildschirm, während die Nutzer mit der App interagieren, und können aktualisiert werden. nach einer gewissen Zeit automatisch aktiviert. Wenn Sie noch nicht mit dem Thema Mobilgeräte vertraut sind sind sie ein guter Ausgangspunkt.

Banneranzeigen implementieren

Interstitial

Vollbildanzeigen, die die Benutzeroberfläche einer App verdecken, bis sie vom Nutzer geschlossen werden. Sie werden am besten bei natürlichen Pausen während der Ausführung einer App eingesetzt, z. B. zwischen Leveln eines Spiels oder direkt nach Erledigung einer Aufgabe.

Interstitial-Anzeige implementieren

Nativ

Anpassbare Anzeigen, die an das Design Ihrer App angepasst werden Sie entscheiden, wie und wo sie platziert werden, damit das Layout besser zum Design Ihrer App passt.

Native Anzeige implementieren

Verfügbar

Anzeigen, bei denen Nutzer dafür belohnen, dass sie sich kurze Videos ansehen und mit spielbaren Inhalten interagieren in Anzeigen und Umfragen. Gut zur Monetarisierung von Free-to-play-Nutzern geeignet.

Anzeigen mit Prämie implementieren