Adaptive Ankerbanner

Adaptive Banner sind die nächste Generation responsiver Anzeigen. Die Anzeigengröße wird an das jeweilige Gerät angepasst, um die bestmögliche Leistung zu erzielen. Anders als bei Smart-Bannern, die eine feste Höhe haben, können Entwickler bei adaptiven Bannern die Anzeigenbreite festlegen. Auf dieser Grundlage wird dann die optimale Anzeigengröße ermittelt.

Dazu werden bei adaptiven Bannern feste Seitenverhältnisse anstatt fester Höhen verwendet. Die präsentierten Banneranzeigen nehmen also unabhängig von Bildschirmgröße und Gerät immer einen vergleichbaren Teil des Bildschirms ein. Daraus ergeben sich Möglichkeiten zur Leistungsoptimierung.

Adaptive Banner haben für ein bestimmtes Gerät und eine bestimmte Breite immer eine feste Größe. Nachdem Sie Ihr Layout auf einem bestimmten Gerät getestet haben, können Sie sicher sein, dass sich die Anzeigengröße nicht ändert. Die Größe des Banner-Creatives kann sich jedoch auf verschiedenen Geräten ändern. Daher sollten Sie darauf achten, dass Ihr Layout Abweichungen bei der Anzeigenhöhe berücksichtigen kann. In seltenen Fällen wird die volle adaptive Größe möglicherweise nicht ausgenutzt und stattdessen wird ein Creative in Standardgröße in diesem Slot zentriert.

Wann Sie adaptive Banner verwenden sollten

Adaptive Banner sollen die Anzeigengröße 320 × 50 sowie das Smart-Banner-Format ersetzen.

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


Banner (320 x 50)
Smart-Banner
Adaptives Banner

Mit einem adaptiven Banner wird die verfügbare Bildschirmgröße besser genutzt. Außerdem sind adaptive Banner im Vergleich zu Smart-Bannern die bessere Wahl, weil:

  • Dabei wird die angegebene Breite und nicht die volle Bildschirmbreite verwendet, sodass Sie sichere Bereiche berücksichtigen können.

  • Es wird eine optimale Höhe für das jeweilige Gerät ausgewählt, anstatt eine konstante Höhe für Geräte unterschiedlicher Größe zu verwenden. So werden die Auswirkungen der Gerätefragmentierung minimiert.

Implementierungshinweise

Beachten Sie bei der Implementierung adaptiver Banner in Ihrer App Folgendes:

  • Sie müssen die Breite des Ansichtsbereichs kennen, in dem die Anzeige platziert wird. Dabei sollten die Gerätebreite und alle anwendbaren sicheren Bereiche berücksichtigt werden.

  • Der Hintergrund Ihrer Anzeigenansicht muss opak sein, damit die AdMob-Richtlinien eingehalten werden, wenn kleinere Anzeigengrößen ausgeliefert werden, die den Anzeigenblock nicht ausfüllen.

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

  • Die adaptiven Bannergrößen funktionieren am besten, wenn die gesamte verfügbare Breite genutzt wird. In den meisten Fällen entspricht das der vollen Breite des Bildschirms des verwendeten Geräts. Berücksichtigen Sie dabei die geltenden Sicherheitszonen.

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

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

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

  • Die Höhe des verankerten Banners darf nie mehr als 15% der Gerätehöhe betragen und darf nie kleiner als 50 Punkte sein.

Schnelleinstieg

So richten Sie ein einfaches adaptives Ankerbanner ein:

  1. Größe für adaptive Banneranzeigen abrufen Diese Größe wird für die Anforderung Ihres adaptiven Banners verwendet. Damit Sie die adaptive Anzeigengröße erhalten, müssen folgende Voraussetzungen erfüllt sein:

    1. Rufen Sie die Breite des verwendeten Geräts ab oder legen Sie eine eigene Breite fest, wenn Sie nicht die volle Breite des Bildschirms verwenden möchten.

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

    3. Rufen Sie Initialize() auf dem AdView mit der von Ihnen erstellten adaptiven AdSize auf.

      Unten finden Sie ein vollständiges Beispiel.

  2. Erstellen Sie ein AdRequest-Objekt und laden Sie Ihr Banner mit der loadAd()-Methode in Ihre vorbereitete Anzeigenansicht, genau wie bei einer normalen Banneranfrage.

Beispielcode

Hier ein Beispiel für eine AdView, über die 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 in einer verankerten Position für die aktuelle Benutzeroberflächenausrichtung abzurufen. Wenn Sie ein verankertes Banner in einer bestimmten Ausrichtung vorab laden möchten, verwenden Sie die entsprechende Funktion aus GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) und GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).