ネイティブ スタイル

プラットフォームを選択: Android iOS Flutter

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

前提条件

Fluid サイズ

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

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

他の広告フォーマットとは異なり、Fluid 広告サイズには定義済みの幅がないため、XML レイアウト ファイルで AdManagerAdViewlayout_width を明示的に設定してください。

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="FLUID"
   ads:adUnitId="YOUR_AD_UNIT_ID" />

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

Java

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
AdManagerAdView adView = (AdManagerAdView) fluidAdContainer;
AdManagerAdRequest request = new AdManagerAdRequest.Builder().build();
adView.loadAd(request);

Kotlin

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
val adView = fluidAdContainer as AdManagerAdView
val request = AdManagerAdRequest.Builder().build()
adView.loadAd(request)

固定サイズ

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

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

  2. アプリの XML レイアウト ファイルで、ステップ 1 で選択した事前定義済みのサイズに一致する定数を ads:adSize 属性に設定します。 サイズおよび対応する AdSize 定数のリストについては、固定サイズのセクションをご確認ください。

レイアウト ファイルで MEDIUM_RECTANGLE(300x250)広告サイズなどの固定サイズを指定する方法の例を次に示します。

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/ad_view_container"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="MEDIUM_RECTANGLE"
   ads:adUnitId="YOUR_AD_UNIT_ID" />