UI でネイティブ広告のスタイルを設定する

ネイティブ スタイルの設定 を使用すると、プロダクト内で指定した ネイティブ スタイルに基づいて、Google アド マネージャーでネイティブ広告のレンダリングを処理できます。まず、サイズとターゲティングを指定します。 次に、HTML、CSS、JavaScript を追加して、どの画面でも適切に表示されるレスポンシブな広告となるように定義します。レンダリングの処理を行う必要はなく、アド マネージャーで配信先に適したネイティブ スタイルが自動的に適用されます。ネイティブ スタイルは、バナー広告と同じように実装します。実行時に決定される Fluid 広告サイズか、事前に決定される固定の広告サイズでレンダリングされます。

前提条件

Fluid サイズ

アド マネージャーの管理画面で Fluid 広告サイズを使用すると、コンテンツに合わせて動的に調整される広告を配信できます。この設定では、広告の幅はアプリのコンテンツに合わせて調整され、高さは広告のコンテンツに合わせて実行時に調整されます。SDK には、このケースを処理するための特別な AdSize 定数、 FLUID が用意されています。Fluid 広告サイズの高さは、パブリッシャーが定義した幅に基づいて動的に決定され、広告ビューの高さはクリエイティブの高さに合わせて調整されます。

Fluid 広告リクエストを作成する

広告ビューのレイアウト コンテナを作成します。広告コンテナの layout_height を wrap_content に設定します。高さは実行時に返される広告によって決定されるためです。

<FrameLayout
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal" />

広告リクエストを行う実装は次のようになります。

Kotlin

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
val adRequest = BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build()
AdManagerFluidSizeFragment.kt

Java

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
BannerAdRequest adRequest = new BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build();
AdManagerFluidSizeFragment.java

AD_UNIT_ID は、実際のテストデバイス ID に置き換えてください。

広告が正常に読み込まれたら、BannerAd.getView() をビュー階層に追加します。詳しくは、広告を読み込むをご覧ください。

固定サイズ

固定サイズのネイティブ スタイルを使用すると、ネイティブ広告の幅と高さを制御できます。固定サイズを設定する手順は次のとおりです。

  1. アド マネージャーの管理画面で広告申込情報を作成し、Size フィールドのプルダウンから定義済みサイズのいずれかを選択します。

  2. 定義済みの AdSize を使用して BannerAd 広告を読み込みます。