ネイティブ スタイル設定を使用すると、商品内で指定したネイティブ スタイルに基づいて、Google アド マネージャーでネイティブ広告のレンダリングを処理できます。まず、サイズとターゲティングを指定します。
次に、HTML、CSS、JavaScript を追加して、どの画面でも適切に表示されるレスポンシブな広告を定義します。レンダリングに関する作業は必要ありません。アド マネージャーによって、リンク先に適したネイティブ スタイルが自動的に適用されます。ネイティブ スタイルはバナー広告と同じように AdManagerAdView
を使って実装します。あらかじめ決められた固定の広告サイズ、またはランタイム時に決定される Fluid 広告サイズで使用できます。
前提条件
- Google Mobile Ads SDK バージョン 8.1 以降
このガイドでは、Google Mobile Ads SDK の実践的な知識があることを前提としています。まだ行っていない場合は、スタートガイドの実行を検討してください。
固定サイズ
固定サイズのネイティブ スタイルを使用すると、ネイティブ広告の幅と高さを制御できます。固定サイズを設定する手順は次のとおりです。
アド マネージャーの管理画面で広告申込情報を作成し、[
Size
] 欄のプルダウンから事前定義されたサイズのいずれかを選択します。アプリの XML レイアウト ファイルで、
ads:adSize
属性を手順 1 で選択した事前定義済みサイズと一致する定数に設定します。サイズとそれに対応するAdSize
定数のリストは、バナーサイズで確認できます。
次に、レイアウト ファイルで固定サイズ(MEDIUM_RECTANGLE
(300x250)広告サイズなど)を指定する方法の例を示します。
<com.google.android.gms.ads.admanager.AdManagerAdView
android:id="@+id/fluid_view"
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" />
Fluid サイズ
場合によっては、サイズを固定しても意味がない場合があります。たとえば、広告の幅をアプリのコンテンツと一致させたいものの、広告の高さは広告のコンテンツに合わせて動的に調整する必要がある場合があります。このようなケースに対処するには、アド マネージャーの管理画面で広告サイズとして Fluid
を指定します。これにより、広告のサイズはアプリの実行時に決定されることになります。SDK には、このようなケースに対応するための特別な AdSize
定数 FLUID
が用意されています。Fluid 広告サイズの高さは、パブリッシャーが定義した幅に基づいて動的に決定されるため、AdManagerAdView
でクリエイティブの高さに合わせて高さを調整できます。
Fluid リクエスト
他の広告フォーマットとは異なり、Fluid 広告サイズには幅が事前に定義されていないため、XML レイアウト ファイルで AdManagerAdView
の layout_width
を明示的に設定してください。
<com.google.android.gms.ads.admanager.AdManagerAdView
android:id="@+id/fluid_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
ads:adSize="FLUID"
ads:adUnitId="YOUR_AD_UNIT_ID" />
広告リクエストの実装は次のようになります。
private AdManagerAdView mAdView;
@Override
public void onActivityCreated(Bundle savedInstanceState) {
super.onActivityCreated(savedInstanceState);
mAdView = (AdManagerAdView) getView().findViewById(R.id.fluid_view);
AdManagerAdRequest request = new AdManagerAdRequest.Builder().build();
mAdView.loadAd(request);
}
アド マネージャーの Fluid 広告サイズの実装例を確認するには、Android API デモアプリをダウンロードしてください。