アダプティブ バナーは次世代のレスポンシブ広告で、デバイスごとに広告サイズを最適化して広告のパフォーマンスを最大限に高めます。アダプティブ バナーでは、固定の高さしかサポートされない固定サイズのバナーが改善されました。アダプティブ バナーでは、デベロッパーが広告の幅を指定し、それに基づいて最適な広告サイズを判断できます。
最適な広告サイズを選択するために、インライン アダプティブ バナーでは、固定された高さではなく最大の高さが使用されます。これにより、パフォーマンスが向上します。
インライン アダプティブ バナーの用途
インライン アダプティブ バナーは、アンカー アダプティブ バナーよりも大きくて背の高いバナーです。高さは可変で、デバイスの画面と同じ高さにすることができます。
次のようなスクロール コンテンツに配置することを目的としています。
始める前に
アプリにアダプティブ バナーを実装する際は、以下の点に留意してください。
- インライン アダプティブ バナーを正しく機能させるには、レイアウトをレスポンシブにする必要があります。正しく構成されていない場合、広告が切り抜かれたり、誤って表示されたりすることがあります。
広告が配置されるビューの幅を把握しておく必要があります。また、デバイスの幅とセーフエリア(該当する場合)を考慮する必要があります。
Google Mobile Ads SDK の最新バージョンを使用していることを確認します。また、メディエーションを使用している場合は、最新バージョンのメディエーション アダプタを使用していることを確認してください。
インライン アダプティブ バナーのサイズは、利用可能な全幅を使用した場合に最も効果を発揮するように設計されています。ほとんどの場合、これは使用中のデバイスの画面の全幅になります。該当するセーフエリアを必ず考慮してください。
- アダプティブ サイズを使用するには、広告申込情報の更新または新規作成が必要になることがあります。詳細
広告サイズを取得するメソッドは次のとおりです。
インライン アダプティブ バナー API を使用している場合、Google Mobile Ads SDK は指定された幅とインライン フラグを持つ
AdSize
を返します。高さは、使用している API に応じて 0 または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 の例
サンプル アプリケーションをダウンロードして、インライン アダプティブ バナーの動作をご確認ください。