Adaptive Banner sind die nächste Generation responsiver Anzeigen. Sie optimieren die Anzeigengröße, indem Sie die Anzeigengröße für jedes Gerät optimieren. Bei adaptiven Bannern, die nur feste Höhen unterstützen, können Sie die Anzeigenbreite festlegen und so die optimale Anzeigengröße ermitteln.
Für adaptive Banner werden feste Seitenverhältnisse anstelle von festen Höhen verwendet. Banneranzeigen nehmen also auf allen Geräten einen einheitlichen Teil des Bildschirms ein und bieten Möglichkeiten zur Leistungssteigerung.
Bei adaptiven Bannern wird für ein bestimmtes Gerät und eine bestimmte Breite immer eine konstante Größe zurückgegeben. Nachdem Sie das Layout auf einem bestimmten Gerät getestet haben, können Sie sich vergewissern, dass sich die Anzeigengröße nicht ändert. Die Größe des Banner-Creatives kann sich jedoch je nach Gerät ändern. Aus diesem Grund wird empfohlen, dass Ihr Layout Abweichungen in der Höhe der Anzeige unterstützt. In seltenen Fällen kann es passieren, dass die adaptive Größe nicht gefüllt wird und ein Creative mit Standardgröße in dieser Anzeigenfläche zentriert wird.
Einsatzmöglichkeiten von adaptiven Bannern
Adaptive Banner sind eine Alternative zur branchenüblichen Bannergröße im Format 320 x 50 sowie zum Ersatz für das Smart-Banner-Format.
Diese Bannergrößen werden häufig als verankerte Banner verwendet, die normalerweise oben oder unten auf dem Bildschirm fixiert sind. Bei solchen verankerten Bannern ähnelt das Seitenverhältnis bei Verwendung adaptiver Banner dem einer Standardanzeigen im Format 320 x 50, wie in den folgenden Screenshots zu sehen ist:
![]() Banner im Format 320 x 50 |
![]() Smart-Banner |
![]() Adaptives Banner |
Bei adaptiven Bannern wird die verfügbare Bildschirmgröße besser genutzt. Außerdem ist ein adaptives Banner im Vergleich zu einem Smart-Banner aus folgenden Gründen die bessere Wahl:
Anstelle einer Vollbildbreite wird eine bestimmte Breite verwendet, sodass sichere Bereiche berücksichtigt werden können.
Es wird eine optimale Höhe für das jeweilige Gerät ausgewählt und nicht eine konstante Höhe für Geräte unterschiedlicher Größe, wodurch die Auswirkungen der Gerätefragmentierung minimiert werden.
Implementierungshinweise
Beachten Sie beim Implementieren von adaptiven Bannern in Ihrer App die folgenden Punkte:
Sie müssen die Breite der Ansicht kennen, in der die Anzeige platziert wird. Dabei sollten die Breite und die sicheren Bereiche des Geräts berücksichtigt werden.
Achten Sie darauf, dass der Hintergrund der Anzeigen undurchsichtig ist, damit die AdMob-Richtlinien eingehalten werden, wenn kleinere Anzeigengrößen ausgeliefert werden, die die Anzeigenfläche nicht füllen.
Sie müssen die aktuelle Version des Google Mobile Ads C++ SDK verwenden. Verwenden Sie für die Vermittlung die neueste Version jedes Vermittlungsadapters.
Die adaptiven Bannergrößen funktionieren am besten, wenn die volle Breite verwendet wird. In den meisten Fällen entspricht dies der vollen Breite des Bildschirms des verwendeten Geräts. Berücksichtigen Sie die geltenden Sicherheitsbereiche.
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 das Querformat, eine für das Hochformat und eine für die aktuelle Ausrichtung zum Zeitpunkt der Ausführung.
Die Größe, die auf einem bestimmten Gerät für eine bestimmte Breite zurückgegeben wird, bleibt immer gleich. Sobald Sie das Layout auf einem bestimmten Gerät getestet haben, können Sie sich also sicher sein, dass sich die Anzeigengröße nicht ändert.
Die Höhe eines verankerten Banners ist nie größer als 15% der Höhe und niemals kleiner als 50 Punkte.
Schnelleinstieg
So implementieren Sie ein einfaches adaptives Ankerbanner:
Eine adaptive Größe für Banneranzeigen abrufen Die Größe, die Sie erhalten, wird zum Anfordern des adaptiven Banners verwendet. So erhalten Sie die adaptive Anzeigengröße:
Sie können die Breite des verwendeten Geräts abrufen oder eine eigene Breite festlegen, wenn Sie nicht die volle Breite des Bildschirms verwenden möchten.
Verwenden Sie die entsprechenden statischen Methoden in der Klasse
AdSize
, z. B.GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width)
, um ein adaptivesAdSize
-Objekt für die ausgewählte Ausrichtung abzurufen.Rufen Sie
Initialize()
imAdView
mit dem adaptivenAdSize
auf, das Sie erstellt haben.Ein vollständiges Beispiel finden Sie unten.
Erstellen Sie ein
AdRequest
-Objekt und laden Sie Ihr Banner mithilfe der MethodeloadAd()
in Ihrer vorbereiteten Anzeigenansicht, wie bei einer normalen Banneranfrage.
Beispielcode
Hier ein Beispiel für ein AdView
, mit dem 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)
.