アダプティブ バナーは次世代のレスポンシブ広告であり、デバイスごとに広告サイズを最適化してパフォーマンスを最大化します。アダプティブ バナーでは、高さが固定された固定サイズのバナーを改良しました。デベロッパーは広告の幅を指定し、それを基に最適な広告サイズを決定できます。
最適な広告サイズを選択するために、インライン アダプティブ バナーでは、固定の高さではなく最大のサイズが使用されます。これにより、パフォーマンスの向上につながります。
インライン アダプティブ バナーの用途
インライン アダプティブ バナーは、アンカー アダプティブ バナーよりも大きく縦長です。高さは可変で、デバイスの画面と同じ高さにできます。
スクロール コンテンツに配置することを意図しています。次に例を示します。
始める前に
アプリにアダプティブ バナーを実装する際は、以下の点にご注意ください。
- インライン アダプティブ バナーを正しく機能させるには、レイアウトをレスポンシブにする必要があります。そのように設定しないと、広告エクスペリエンスの一部が欠けたり、不適切にレンダリングされたりする可能性があります。
広告が配置されるビューの幅を把握している必要があります。また、デバイスの幅と、適用されるセーフエリアについても考慮する必要があります。
Google Mobile Ads SDK の最新バージョンを使用していることと、メディエーションを使用している場合は、メディエーション アダプタの最新バージョンを使用していることを確認してください。
インライン アダプティブ バナーのサイズは、利用可能な全幅を使用したときに最も効果を発揮するように設計されています。ほとんどの場合、使用するデバイスの画面の全幅になります。適切な安全領域を考慮してください。
- アダプティブ サイズを使用するには、広告申込情報の更新または新しい作成が必要になることがあります。詳細
広告サイズの取得方法は次のとおりです。
インライン アダプティブ バナー API を使用すると、Google Mobile Ads SDK は、指定された幅とインライン フラグを持つ
AdSize
を返します。高さは、使用している API に応じて、ゼロまたはmaxHeight
になります。広告の実際の高さは、返されたときに確認できます。インライン アダプティブ バナーは、スクロール可能なコンテンツ内に配置できるように設計されています。このバナーの高さは、API に応じて、デバイス画面と同じ高さにするか、最大高さに制限される場合があります。
実装
インライン アダプティブ バナー広告を実装する手順は、アンカー アダプティブ バナー広告を実装する手順と同じです。唯一の違いは、インライン アダプティブ バナー広告は、インライン アダプティブ バナー広告のサイズを使用して読み込まれることです。インライン アダプティブ広告サイズを作成するには:
- 使用するデバイスの幅を取得します。画面の全幅を使用しない場合は、独自の幅を設定します。
- 広告サイズクラスの適切な静的メソッド(
AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width)
など)を使用して、選択した向きのインライン アダプティブ広告サイズ オブジェクトを取得します。 - バナーの高さを制限する場合は、静的メソッド
AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight)
を使用します。
以下のサンプルコードは、この手順を示しています。
Java
// Step 1: Create an inline adaptive banner ad size using the activity context. AdSize adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320); // Step 2: Create banner using activity context and set the inline ad size and // ad unit ID. AdManagerAdView bannerView = new AdManagerAdView(this); bannerView.setAdUnitId("ad unit ID"); // Note that this sets both the adaptive ad size for backfill inventory as well // as the supported reservation sizes. bannerView.setAdSizes(adSize, AdSize.BANNER); // Step 3: Load an ad. AdManagerAdRequest adRequest = new AdManagerAdRequest.Builder().build(); bannerView.loadAd(adRequest); // TODO: Insert banner view in list view or scroll view, etc.
Kotlin
// Step 1: Create an inline adaptive banner ad size using the activity context. val adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320) // Step 2: Create banner using activity context and set the inline ad size and // ad unit ID. val bannerView = AdManagerAdView(this) bannerView.adUnitId = "ad unit ID" // Note that this sets both the adaptive ad size for backfill inventory as well // as the supported reservation sizes. bannerView.setAdSizes(adSize, AdSize.BANNER) // Step 3: Load an ad. val adRequest = AdManagerAdRequest.Builder().build() bannerView.loadAd(adRequest) // TODO: Insert banner view in list view or scroll view, etc.
補足資料
GitHub の例
サンプル アプリケーションをダウンロードして、インライン アダプティブ バナーの動作をご確認ください。