Adaptive Inline-Banner

Bei adaptiven Bannern können Sie die Breite einer Anzeige festlegen, um die optimale Anzeigengröße zu ermitteln. Mit adaptiven Bannern wird die Anzeigengröße für jedes Gerät optimiert. So können Sie die Leistung maximieren. Dieser Ansatz bietet Möglichkeiten zur Leistungssteigerung.

Im Vergleich zu verankerten adaptiven Bannern sind adaptive Inline-Banner größer, höher und haben variable statt feste Höhen. Adaptive Inline-Banner haben eine variable Höhe und können den gesamten Bildschirm oder eine von Ihnen festgelegte maximale Höhe einnehmen.

Adaptive Inline-Banner werden in scrollbaren Inhalten platziert, zum Beispiel:

Hinweis

Bevor Sie fortfahren, benötigen Sie Folgendes:

• Google Mobile Ads SDK 8.10.0 oder höher
• Ich habe den Leitfaden Banneranzeigen gelesen.

Adaptive Banner implementieren

Im Gegensatz zu adaptiven verankerten Bannern werden adaptive Inline-Banner mit einer adaptiven Inline-Bannergröße geladen. So erstellen Sie eine Inline-Anzeigengröße, die sich anpassen lässt:

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 Anzeigengrößenklasse, z. B. GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width), um ein Inline-Objekt für die adaptive Anzeigengröße für die ausgewählte Ausrichtung zu erhalten.
3. Wenn Sie die Höhe des Banners begrenzen möchten, verwenden Sie die statische Methode GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight).

Das folgende Beispiel veranschaulicht diese Schritte:

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 = GAMBannerView(adSize: adSize)
bannerView.adUnitID = "<var>ad unit ID</var>"
bannerView.rootViewController = self

// For Ad Manager, the `adSize` property is used for the adaptive banner ad
// size. The `validAdSizes` property is used as normal for the supported
// reservation sizes for the ad placement.
bannerView.validAdSizes = [NSValueFromGADAdSize(GADAdSizeBanner)]

// Step 3: Load an ad.
let request = GAMRequest()
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.
GAMBannerView bannerView = [[GAMBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"<var>ad unit ID</var>";
bannerView.rootViewController = self;

// For Ad Manager, the adSize property is used for the adaptive banner ad size.
// The validAdSizes property is used as normal for the supported reservation
// sizes for the ad placement. This is optional and only needed if you wish to
// support reservation ad sizes.
bannerView.validAdSizes = @[ NSValueFromGADAdSize(GADAdSizeBanner) ];

// Step 3: Load an ad.
GAMRequest *request = [GAMRequest request];
[bannerView loadRequest:request];
// TODO: Insert banner view in table view or scroll view, etc.

Wichtig: Anzeigen in Ad Manager-Reservierungen können in derselben Anzeigenfläche wie Anzeigen in adaptiver Bannergröße ausgeliefert werden. Damit Sie adaptive Banner mit Anzeigentechnologien für Reservierungen in Ad Manager in derselben Anzeigenfläche verwenden können, müssen Sie zwei Änderungen vornehmen. Legen Sie zuerst adSize auf die adaptive Größe fest. Legen Sie dann für validAdSizes ein Array mit Größen fest, das Reservierungsanzeigen aller Größen enthält, die in der adaptiven Anzeigenfläche ausgeliefert werden sollen.

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

• Die Größen der adaptiven Inline-Banner funktionieren am besten, wenn die gesamte verfügbare Breite genutzt wird. In den meisten Fällen entspricht diese Größe der gesamten Breite des verwendeten Gerätebildschirms oder der gesamten Breite des übergeordneten Inhalts des Banners. Sie müssen die Breite der in der Anzeige zu platzierenden Ansicht, die Breite des Geräts, die Breite des übergeordneten Inhalts und die anwendbaren sicheren Bereiche kennen.

• Möglicherweise müssen Sie Werbebuchungen aktualisieren oder neue erstellen, um sie mit adaptiven Größen zu verwenden. Weitere Informationen

Größe adaptiver Inline-Banner ausrichten

Sie haben folgende Möglichkeiten, eine Inline-adaptive Banneranzeige für eine bestimmte Ausrichtung vorab zu laden:

• GADPortraitInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)

• GADLandscapeInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)

Wenn Ihre App sowohl das Hoch- als auch das Querformat unterstützt und Sie eine adaptive Banneranzeige in der aktuellen Ausrichtung vorladen möchten, verwenden Sie GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width). Mit dieser Methode wird eine Anzeige in der aktuellen Ausrichtung geladen.

Höhe von adaptiven Inline-Bannern begrenzen

Standardmäßig haben Inline-adaptive Banner, die ohne maxHeight-Wert erstellt wurden, eine maxHeight, die der Gerätehöhe entspricht. Wenn Sie die Höhe des adaptiven Inline-Banners begrenzen möchten, verwenden Sie die Methode GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight).

Zusätzliche Ressourcen

Beispiele auf GitHub

Laden Sie die Beispielanwendung herunter, um adaptive Inline-Banner in Aktion zu sehen.

Swift Objective-C