アダプティブ バナーでは、広告の幅を指定して最適な広告サイズを決定できます。また、アダプティブ バナーは、デバイスごとに広告サイズを最適化して広告の効果を高めます。このアプローチにより、パフォーマンスが向上する可能性があります。
アンカー アダプティブ バナーと比較して、インライン アダプティブ バナーは大きく、高さがあり、高さが固定されていない代わりに可変の高さが使用されます。インライン アダプティブ バナーの高さは可変で、画面全体または指定した最大高さまで広がります。
インライン アダプティブ バナーは、次のようなスクロール可能なコンテンツに配置します。
始める前に
続行する前に、次のものが揃っていることを確認してください。
- Google Mobile Ads SDK 8.10.0 以降。
- スタートガイドのバナー広告を修了している。
アダプティブ バナーを実装する
アンカー アダプティブ バナーとは異なり、インライン アダプター バナーはインライン アダプティブ バナーのサイズを使用して読み込まれます。インライン アダプティブ広告サイズを作成するには、次の操作を行います。
- 使用するデバイスの幅を取得します。画面の全幅を使用しない場合は、独自の幅を設定します。
- 広告サイズクラスの適切な静的メソッド(
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.
アプリにアダプティブ バナーを実装する際には、次の点に注意してください。
- インライン アダプティブ バナーは、利用できるスペースの横幅いっぱいに表示すると最も効果を発揮します。ほとんどの場合、このサイズは、使用しているデバイス画面の全幅またはバナーの親コンテンツの全幅になります。広告に配置するビューの幅、デバイスの幅、親コンテンツの幅、適用されるセーフエリアを確認する必要があります。
- アダプティブ バナーの使用にあたって、広告申込情報の更新または新規作成が必要になる場合があります。詳細
インライン アダプティブ バナーのサイズの向き
特定の向きのインライン アダプティブ バナー広告をプリロードするには、次のメソッドを使用します。
GADPortraitInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
GADLandscapeInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
アプリが縦向きと横向きの両方に対応しており、現在の向きでアダプティブ バナー広告をプリロードするには、GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
を使用します。
このメソッドは、現在の向きで広告を読み込みます。
インライン アダプティブ バナーの高さを制限する
デフォルトでは、maxHeight
値なしでインスタンス化されたインライン アダプティブ バナーの maxHeight
は、デバイスの高さに等しくなります。インライン アダプティブ バナーの高さを制限するには、GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight)
メソッドを使用します。
参考情報
GitHub の例
サンプル アプリケーションをダウンロードして、インライン アダプティブ バナーの動作を確認します。