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 eine variable statt eine feste Höhe. Adaptive Inline-Banner haben eine variable Höhe und können den gesamten Bildschirm oder eine von Ihnen festgelegte maximale Höhe einnehmen.

Sie platzieren adaptive Inline-Banner in scrollbaren Inhalten, z. B.:

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 verankerten adaptiven Bannern werden Inline-Adapter-Banner mit einer Inline-adaptiven 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 als Nächstes validAdSizes auf ein Array von Größen fest, das alle Größen von Reservierungsanzeigen enthält, die Sie im adaptiven Anzeigenblock ausliefern möchten.

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

• Die adaptiven Inline-Bannergrößen 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 Ansicht kennen, die in der Anzeige platziert werden soll, die Gerätebreite, die Breite des übergeordneten Inhalts und die entsprechenden sicheren Bereiche.

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

Ausrichtung der Größe von adaptiven Inline-Bannern

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