Adaptive Banner sind die nächste Generation responsiver Anzeigen, mit denen indem Sie die Anzeigengröße für jedes Gerät optimieren. Optimierung bei fester Größe die nur eine feste Höhe unterstützten, können Entwickler mit adaptiven Bannern die Anzeigenbreite angeben und anhand dieser die optimale Anzeigengröße bestimmen.
Zur Auswahl der besten Anzeigengröße wird für adaptive Inline-Banner die maximale Größe anstelle von festen in die Höhe geschossen. Daraus ergeben sich Möglichkeiten für eine verbesserte Leistung.
Wann sollten adaptive Inline-Banner verwendet werden?
Adaptive Inline-Banner sind im Vergleich zu verankerten adaptiven Bannern größer und höher. Banner. Sie haben eine variable Höhe und können so hoch wie der Gerätebildschirm sein.
Sie sind für die Platzierung in scrollbarem Content vorgesehen, zum Beispiel:
Vorbereitung
- Google Mobile Ads SDK 8.10.0 oder höher
Hinweis
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, und Dabei sollten die Breite des Geräts und alle sicheren Bereiche berücksichtigt werden, zutreffend.
Sie sollten die aktuelle Version des Google Mobile Ads SDK verwenden und mithilfe der Vermittlung, den neuesten Versionen Ihrer Vermittlungsadapter.
Die Größen der adaptiven Inline-Banner funktionieren am besten mit der in voller verfügbarer Breite angezeigt. In den meisten Fällen ist dies die volle Breite des Bildschirm des verwendeten Geräts. Beachte dabei unbedingt die relevanten sicheren Bereiche.
Die Anzeigengrößen können folgendermaßen abgerufen werden:
Wenn Sie die APIs für adaptive Inline-Banner verwenden, zeigt das Google Mobile Ads SDK gibt ein
GADAdSize
mit der angegebenen Breite und einem Inline-Flag. Die Höhe ist entweder null odermaxHeight
, je nachdem, API, die Sie verwenden. Die tatsächliche Höhe der Anzeige wird angezeigt, zurückgegeben.Adaptive Inline-Banner wurden so entwickelt, dass sie in scrollbaren Inhalten platziert werden. Die Banner kann so hoch wie der Gerätebildschirm sein oder durch eine maximale Höhe, abhängig von der API.
Implementierung
Die Schritte zum Implementieren adaptiver Inline-Banneranzeigen entsprechen denen von um verankerte adaptive Banneranzeigen zu implementieren. Der einzige Unterschied ist die Inline- adaptive Banneranzeigen werden mit einer Inline-Anzeigengröße geladen. Bis eine adaptive Inline-Anzeigengröße erstellen:
- Sehen Sie sich die Breite des verwendeten Geräts an oder legen Sie eine eigene fest. die gesamte Bildschirmbreite aus.
- Verwenden Sie die entsprechenden statischen Methoden für die Klasse der Anzeigengröße, z. B.
GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width)
um ein Inline-Objekt mit adaptiver Anzeigengröße für die ausgewählte Ausrichtung abzurufen. - Wenn Sie die Höhe des Banners begrenzen möchten, können Sie die statische Methode verwenden.
GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight)
.
Im Beispielcode unten werden diese Schritte veranschaulicht:
Swift
// Step 1: Create an inline adaptive banner ad size. This size is used to
// request your adaptive banner. You can pass in the width of the device, or
// set your own width. This example sets a static width.
let adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320)
// Step 2: Create banner with the inline size and set ad unit ID.
let bannerView = GADBannerView(adSize: adSize)
bannerView.adUnitID = "<var>ad unit ID</var>"
bannerView.rootViewController = self
// Step 3: Load an ad.
let request = GADRequest()
bannerView.load(request)
// TODO: Insert banner view in table view or scroll view, etc.
Objective-C
// Step 1: Create an inline adaptive banner ad size. This size is used to
// request your adaptive banner. You can pass in the width of the device, or set
// your own width. This example sets a static width.
GADAdSize *adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320);
// Step 2: Create banner with the inline size and set ad unit ID.
GADBannerView bannerView = [[GADBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"<var>ad unit ID</var>";
bannerView.rootViewController = self;
// Step 3: Load an ad.
GADRequest *request = [GADRequest request];
[bannerView loadRequest:request];
// TODO: Insert banner view in table view or scroll view, etc.
Zusätzliche Ressourcen
Beispiele auf GitHub
Laden Sie die Beispielanwendung herunter, um adaptive Inline-Banner in Aktion zu sehen.