Adaptive Ankerbanner

Adaptive Banner sind die nächste Generation responsiver Anzeigen, bei denen die Anzeigengröße für jedes Gerät optimiert wird und so die Leistung maximiert wird. Im Vergleich zu Smart-Bannern, die nur eine feste Höhe unterstützt haben, können Sie bei adaptiven Bannern die Anzeigenbreite angeben und auf dieser Grundlage die optimale Anzeigengröße bestimmen.

Bei adaptiven Bannern werden anstelle einer festen Höhe feste Seitenverhältnisse verwendet, um die beste Anzeigengröße auszuwählen. Dies führt zu Banneranzeigen, die geräteübergreifend einen gleichmäßigeren Teil des Bildschirms einnehmen und Möglichkeiten für eine bessere Leistung bieten.

Beachten Sie bei der Arbeit mit adaptiven Bannern, dass sie für ein bestimmtes Gerät und eine bestimmte Breite immer eine feste Größe zurückgeben. Nachdem Sie das Layout auf einem bestimmten Gerät getestet haben, können Sie sicher sein, dass sich die Anzeigengröße nicht mehr ändert. Die Größe des Banner-Creatives kann sich jedoch je nach Gerät ändern. Daher sollten Sie darauf achten, dass Ihr Layout Abweichungen in der Anzeigenhöhe berücksichtigt. In seltenen Fällen kann es vorkommen, dass nicht die volle adaptive Größe gefüllt und stattdessen ein Creative mit Standardgröße auf dieser Anzeigenfläche zentriert wird.

Wann sollten adaptive Banner verwendet werden?

Adaptive Banner sind ein direkter Ersatz für die branchenübliche Bannergröße 320 x 50 sowie das Smart-Banner-Format, das sie ersetzen.

Diese Bannergrößen werden häufig als verankerte Banner verwendet, die normalerweise oben oder unten auf dem Bildschirm fixiert sind. Bei solchen verankerten Bannern entspricht das Seitenverhältnis bei Verwendung von adaptiven Bannern dem einer Standardanzeige im Format 320 × 50, wie auf diesen Screenshots zu sehen ist:


Banner (320 x 50)
Smart-Banner
Adaptives Banner

Bei adaptiven Bannern wird die verfügbare Bildschirmgröße besser genutzt. Außerdem ist ein adaptives Banner aus folgenden Gründen besser geeignet als ein Smart-Banner:

  • Anstelle der Vollbildbreite wird eine vorgegebene Breite verwendet, damit sichere Bereiche berücksichtigt werden können.

  • Es wird die optimale Höhe für das jeweilige Gerät ausgewählt, statt eine konstante Höhe für Geräte unterschiedlicher Größe zu verwenden, um die Auswirkungen einer Gerätefragmentierung zu verringern.

Implementierungshinweise

Wenn Sie adaptive Banner in Ihrer App implementieren, sollten Sie Folgendes beachten:

  • Sie müssen die Breite der Ansicht kennen, in der die Anzeige platziert wird. Dabei sollten die Breite des Geräts und alle relevanten sicheren Bereiche berücksichtigt werden.

  • Der Hintergrund für die Anzeigenansicht muss undurchsichtig sein, damit die AdMob-Richtlinien eingehalten werden, wenn kleinere Anzeigen ausgeliefert werden, die die Anzeigenfläche nicht füllen.

  • Stellen Sie sicher, dass Sie die neueste Version des Google Mobile Ads C++ SDK verwenden. Verwenden Sie für die Vermittlung die neueste Version jedes Vermittlungsadapters.

  • Die adaptiven Bannergrößen sind so konzipiert, dass sie bei Nutzung der vollen verfügbaren Breite am besten funktionieren. In den meisten Fällen entspricht dies der gesamten Bildschirmbreite des verwendeten Geräts. Beachte dabei unbedingt die relevanten sicheren Bereiche.

  • Das Google Mobile Ads C++ SDK gibt eine optimierte Anzeigenhöhe für die angegebene Breite in einem firebase::gma::AdSize zurück.

  • Es gibt drei Methoden zum Abrufen einer Anzeigengröße für adaptive Banner: eine für Querformat, eine für Hochformat und eine für die zum Zeitpunkt der Ausführung aktuelle Ausrichtung.

  • Die Größe, die für eine bestimmte Breite auf einem bestimmten Gerät zurückgegeben wird, ist immer dieselbe. Wenn Sie also Ihr Layout auf einem bestimmten Gerät getestet haben, können Sie sicher sein, dass sich die Anzeigengröße nicht mehr ändert.

  • Die Höhe des verankerten Banners ist nie größer als 15% der Höhe des Geräts und nie kleiner als 50 Punkte.

Kurzanleitung

So implementieren Sie ein einfaches adaptives Ankerbanner:

  1. Rufen Sie eine Größe für adaptive Banner ab. Die ermittelte Größe wird für die Anfrage Ihres adaptiven Banners verwendet. Um die adaptive Anzeigengröße abzurufen, müssen folgende Voraussetzungen erfüllt sein:

    1. Rufe die Breite des verwendeten Geräts ab oder lege deine eigene fest, wenn du nicht die volle Breite des Bildschirms nutzen möchtest.

    2. Verwenden Sie die entsprechenden statischen Methoden für die AdSize-Klasse, z. B. GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width), um ein adaptives AdSize-Objekt für die ausgewählte Ausrichtung abzurufen.

    3. Rufen Sie Initialize() im AdView mit dem adaptiven AdSize auf, den Sie erstellt haben.

      Ein vollständiges Beispiel finden Sie unten.

  2. Erstellen Sie ein AdRequest-Objekt und laden Sie Ihr Banner mithilfe der loadAd()-Methode in der vorbereiteten Anzeigenansicht wie bei einer normalen Banneranfrage.

Beispielcode

Hier sehen Sie ein Beispiel für eine AdView, mit der ein adaptives Banner geladen wird:

// Determine view width in pixels based on your app's current width on the
// device's screen. This process will vary depending on which windowing toolkit
// you're using.

firebase::gma::AdSize adaptive_ad_size =
      AdSize::GetCurrentOrientationAnchoredAdaptiveBannerAdSize(view_width);

// my_ad_parent is a reference to an iOS UIView or an Android Activity.
// This is the parent UIView or Activity of the banner view.
firebase::gma::AdParent ad_parent =
  static_cast<firebase::gma::AdParent>(my_ad_parent);
firebase::Future<void> result =
  ad_view->Initialize(ad_parent, kBannerAdUnit, adaptive_ad_size);

Hier wird die Funktion GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width) verwendet, um die Größe eines Banners an einer verankerten Position für die aktuelle Ausrichtung der Benutzeroberfläche abzurufen. Wenn Sie ein verankertes Banner in einer bestimmten Ausrichtung vorab laden möchten, verwenden Sie die entsprechende Funktion von GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) und GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).