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

アダプティブ バナーでは、広告の幅を指定して最適な広告サイズを決定できます。アダプティブ バナーでは、広告サイズを最適化してパフォーマンスを最大化することもできます。 設定できますこのアプローチにより、パフォーマンスの向上につながります。

アンカー アダプティブ バナーと比較して、インライン アダプティブ バナーはサイズと高さが大きく、高さが固定されていない代わりに可変の高さが使用されます。インラインアダプティブバナーは 高さは可変で、画面全体や最大の高さまで表示可能です。 指定することもできます。

インライン アダプティブ バナーは、次のようなスクロール可能なコンテンツに配置します。

アダプティブ バナーとインライン アダプティブ バナーの違いを示す図

始める前に

続行する前に、次のものが揃っていることを確認してください。

  • Google Mobile Ads SDK 8.10.0 以降。
  • スタートガイド「バナー広告」を完了していること。

アダプティブ バナーを実装する

アンカー アダプティブ バナーとは異なり、インライン アダプター バナーはインライン アダプティブ バナーのサイズ。アダプティブ バナーのインライン サイズを作成するには、 次のとおりです。

  1. 使用するデバイスの幅を取得します。不要な場合は、任意の幅を設定します。 画面の幅いっぱいに表示されます。
  2. 広告サイズクラスの適切な静的メソッドを使用します。 GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width) 選択した向きのインライン アダプティブ広告サイズ オブジェクトを取得します。
  3. バナーの高さを制限する場合は、静的メソッドを使用します。 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 = 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.

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

  • インライン アダプティブ バナーのサイズは、使用可能な あります。ほとんどの場合、このサイズはデバイス画面の全幅、 またはバナー広告の親コンテンツの 全幅に変更できます広告に配置するビューの幅、デバイスの幅、親コンテンツの幅、適用されるセーフエリアを確認する必要があります。

インライン アダプティブ バナーのサイズを調整する

特定の向きのインライン アダプティブ バナー広告をプリロードするには、 次のメソッドを使用できます。

アプリが縦向きと横向きの両方のビューをサポートしており、必要に応じて 現在の向きでアダプティブ バナー広告を使用する場合は、 GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width) このメソッドは、現在の向きで広告を読み込みます。

インライン アダプティブ バナーの高さを制限する

デフォルトでは、maxHeight 値なしでインスタンス化されたインライン アダプティブ バナーの maxHeight は、デバイスの高さに等しくなります。インライン アダプティブ バナーの高さを制限するには、GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight) メソッドを使用します。

参考情報

GitHub の例

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

Swift Objective-C