Banneranzeigen

Banneranzeigen nehmen einen Platz im App-Layout ein, entweder oben oder unten auf dem Gerätebildschirm. Sie 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. Fallstudie

Voraussetzungen

Immer mit Testanzeigen testen

Verwenden Sie beim Erstellen und Testen Ihrer Apps Testanzeigen und keine Liveanzeigen. Andernfalls kann Ihr Konto gesperrt werden.

Testanzeigen laden am einfachsten mit unserer speziellen Test-ID für Banner für Banner, die je nach Geräteplattform variiert:

  • Android: ca-app-pub-3940256099942544/6300978111
  • iOS: ca-app-pub-3940256099942544/2934735716

Diese Anzeigenblock-IDs wurden speziell so konfiguriert, dass für jede Anfrage Testanzeigen zurückgegeben werden. Sie können sie beim Programmieren, Testen und Debuggen in Ihren eigenen Apps verwenden. Ersetzen Sie sie einfach durch Ihre eigene Anzeigenblock-ID, bevor Sie Ihre App veröffentlichen.

Weitere Informationen zur Funktionsweise der Testanzeigen des Mobile Ads SDK finden Sie unter Testanzeigen.

Implementierung

AdView konfigurieren

Banneranzeigen werden in AdView-Objekten ausgeliefert. Daher besteht der erste Schritt zur Einbindung von Banneranzeigen darin, ein AdView zu erstellen und zu positionieren.

  1. Fügen Sie dem C++-Code Ihrer App den folgenden Header hinzu:

     #include "firebase/gma/ad_view.h"
    
  2. Geben Sie ein AdView-Objekt an und instanziieren Sie es:

      firebase::gma::AdView* ad_view;
      ad_view = new firebase::gma::AdView();
    
  3. Erstellen Sie ein AdSize und initialisieren Sie die Anzeigenansicht mit der übergeordneten AdParent-Ansicht. Die übergeordnete Ansicht ist eine JNI-jobject-Referenz auf eine Android-Activity oder ein Zeiger auf einen iOS-UIView, der in einen AdParent-Typ umgewandelt wird:

     // my_ad_parent is a jobject reference
     // to an Android Activity or a pointer to an iOS UIView.
     firebase::gma::AdParent ad_parent = static_cast(my_ad_parent);
     firebase::Future result =
       ad_view->Initialize(ad_parent, kBannerAdUnit, firebase::gma::AdSize::kBanner);
    
  4. Als Alternative zur Beibehaltung der Zukunft als Variable können Sie den Status des Initialisierungsvorgangs regelmäßig prüfen. Rufen Sie dazu InitializeLastResult() für das Objekt AdView auf. Dies kann hilfreich sein, um den Initialisierungsprozess in der globalen Spielschleife im Auge zu behalten.

      // Monitor the status of the future in your game loop:
      firebase::Future<void> result = ad_view->InitializeLastResult();
      if (result.status() == firebase::kFutureStatusComplete) {
        // Initialization completed.
        if(future.error() == firebase::gma::kAdErrorCodeNone) {
          // Initialization successful.
        } else {
          // An error has occurred.
        }
      } else {
        // Initialization on-going.
      }
    
  5. Weitere Informationen zur Verwendung von firebase::Future finden Sie unter Mit Futures den Abschlussstatus von Methodenaufrufen überwachen.

Anzeigenposition festlegen

Sie können die Position von AdView nach der Initialisierung jederzeit festlegen:

firebase::Future<void> result = ad_view->SetPosition(firebase::gma::AdView::kPositionTop);

Anzeige laden

Sie können eine Anzeige laden, sobald das AdView initialisiert wurde:

firebase::gma::AdRequest ad_request;
firebase::Future<firebase::gma::AdResult> load_ad_result = ad_view->LoadAd(my_ad_request);

AdRequest-Objekte stellen eine einzelne Anzeigenanfrage dar und enthalten Eigenschaften für Informationen wie das Targeting.

Anzeige einblenden

Zuletzt muss durch Aufrufen von Show() die Anzeige auf dem Bildschirm zu sehen sein. Diese Methode kann jederzeit nach der Initialisierung der Anzeige aufgerufen werden:

firebase::Future<void> result = ad_view->Show();

Anzeigenereignisse

Das Google Mobile Ads C++ SDK bietet eine AdListener-Klasse, die Sie erweitern und an AdView::SetListener() übergeben können, um über Änderungen am Status der Anzeigenansicht informiert zu werden.

Das Erweitern von Methoden in AdListener ist optional, sodass Sie nur die gewünschten Methoden implementieren müssen. Das folgende Beispiel zeigt eine Implementierung einer Klasse, die alle AdListener-Methodenklassen erweitert:

class ExampleAdListener
    : public firebase::gma::AdListener {
 public:
  ExampleAdListener() {}
  void OnAdClicked() override {
    // This method is invoked when the user clicks the ad.
  }

  void OnAdClosed() override {
   // This method is invoked when the user closes the ad.
  }

  void OnAdImpression() override {
    // This method is invoked when an impression is recorded for an ad.
  }

  void OnAdOpened() override {
    // This method is invoked when an ad opens an overlay that covers the screen.
  }
};

ExampleAdListener* ad_listener = new ExampleAdListener();
ad_view->SetAdListener(ad_listener);

In der folgenden Tabelle sind die Standardbannergrößen aufgeführt.

Größe in Punkten (B x H) Beschreibung Verfügbarkeit firebase::gma::AdSize-Konstante
320 x 50 Banner Smartphones und Tablets kBanner
320 × 100 Großes Banner Smartphones und Tablets kLargeBanner
300 x 250 IAB Medium Rectangle Smartphones und Tablets kMediumRectangle
468 × 60 IAB-Banner in voller Größe Tablets kFullBanner
728 x 90 IAB-Leaderboard Tablets kLeaderboard
Angegebene Breite x Adaptive Höhe Adaptives Banner Smartphones und Tablets

Benutzerdefinierte Anzeigengrößen

Wenn Sie eine benutzerdefinierte Bannergröße definieren möchten, legen Sie die gewünschten Abmessungen mithilfe des Konstruktors firebase::gma::AdSize mit den Parametern für Breite und Höhe fest:

firebase::gma::AdSize ad_size(/*width=*/320, /*height=*/50);

Weitere Informationen

Beispiel in GitHub

Erfolgsgeschichten