インライン アダプティブ バナー

アダプティブ バナーは次世代のレスポンシブ広告であり、 デバイスごとに広告サイズを最適化することでパフォーマンスが向上します。固定サイズの改善 固定された高さしかサポートされなかった アダプティブバナーを使うと 広告の幅を指定し、それに基づいて最適な広告サイズを判断します。

最適な広告サイズを選択するために、インライン アダプティブ バナーでは固定サイズではなく最大サイズが使用されます。 あります。これにより、パフォーマンスの向上につながります。

インライン アダプティブ バナーの用途

インライン アダプティブ バナーは、アンカー アダプティブ バナーより大きく縦長のバナーとなります。 。高さは可変で、デバイスの画面と同じ高さにできます。

次のような、スクロール型コンテンツに配置するためのものです。

前提条件

  • Google Mobile Ads SDK 8.10.0 以降

始める前に

アプリにアダプティブ バナーを実装する際は、以下の点にご注意ください。

  • 広告が配置されるビューの幅を確認してください。デバイスの幅に加えて、セーフエリア（該当する場合）も考慮に入れる必要があります。

  • 使用している Google Mobile Ads SDK が最新バージョンであり、 最新バージョンのメディエーション アダプタをインストールします。

  • インライン アダプティブ バナーは、利用できるスペースの横幅いっぱいに表示すると最も効果を発揮するように設計されています。ほとんどの場合、 表示される場合があります。セーフエリアがある場合は、そのスペースも考慮に入れてください。

  • アダプティブ バナーを使用するには、広告申込情報の更新または新規作成が必要になる場合があります あります。詳細

実装

インライン アダプティブ バナー広告を実装する手順は、以下のとおりです。 アンカー アダプティブ バナー広告を実装しました。唯一の違いは アダプティブ バナー広告は、インラインのアダプティブ バナー広告のサイズを使用して読み込まれます。インライン アダプティブ広告サイズを作成するには:

  • 使用するデバイスの幅を取得します。表示しない場合は、任意の幅を設定します。 画面の幅いっぱいに広げます。
  • 広告サイズクラスの適切な静的メソッドを使用します。 GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width) 選択した向きのインライン アダプティブ広告サイズ オブジェクトを取得します。
  • バナーの高さを制限する場合は、静的メソッドを使用します。 GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight) をタップします。

以下のサンプルコードは、この手順を示しています。

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.

参考情報

GitHub の例

サンプル アプリケーションをダウンロードして、インライン アダプティブ バナーの動作をご確認ください。

Swift Objective-C