このページは Cloud Translation API によって翻訳されました。

ネイティブスタイル

ネイティブスタイルの設定を使用すると、Google アドマネージャーで商品内に指定したネイティブスタイルに沿って、ネイティブ広告のレンダリングが処理されます。まず、サイズとターゲティングを指定します。次に、HTML、CSS、JavaScript を追加して、レスポンシブで、すべての画面で質の高い表示を実現する広告を定義します。レンダリングは一切必要ありません。アドマネージャーがデスティネーションに適したネイティブスタイルを自動的に適用します。ネイティブスタイルは、バナー広告と同様に AdManagerAdView を使用して実装されます。事前に決められた固定の広告サイズ、または実行時に決定される Fluid サイズの広告を使用できます。

前提条件

Google Mobile Ads Flutter プラグインバージョン 0.13.6 以降

このガイドは、Google Mobile Ads SDK に関する実践的な知識がある方を対象としています。まだ行っていない場合は、スタートガイドをご確認いただくことをおすすめします。

固定サイズ

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

アドマネージャーの管理画面で広告申込情報を作成し、Size フィールドのプルダウンから事前定義されたサイズのいずれかを選択します。
ステップ 1 で設定したサイズの AdManagerBannerAd を読み込みます。広告をインスタンス化して読み込む方法については、バナー広告のドキュメントをご覧ください。サイズとそれに対応する AdSize 定数のリストについては、バナーサイズのセクションをご覧ください。

MEDIUM_RECTANGLE（300x250）広告サイズなどの固定サイズを指定する方法の例を次に示します。

AdManagerBannerAd ad = AdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  sizes: <AdSize>[AdSize.mediumRectangle],
  request: AdManagerAdRequest(),
);

Fluid サイズ

サイズを固定しても意味がない場合もあります。たとえば、広告の幅をアプリのコンテンツに合わせ、その高さを広告のコンテンツに合わせて動的に調整する必要がある場合などです。このケースを処理するには、アドマネージャーの管理画面で広告サイズとして Fluid を指定します。これは、広告のサイズがアプリの実行時に決定されることを指定します。このケースを処理するために、SDK には特別な AdSize 定数 FLUID が用意されています。フレキシブル広告サイズの高さは、パブリッシャーが定義した幅に基づいて動的に決定されるため、プラットフォームの広告ビューはクリエイティブの高さに合わせて高さを調整できます。

フローリクエスト

FluidAdManagerBannerAd を使用して Fluid 広告をリクエストします。

final fluidAd = FluidAdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  request: AdManagerAdRequest(),
  listener: AdManagerBannerAdListener(
    onAdLoaded: (Ad ad) {
      print('$_fluidAd loaded.');
    },
    onAdFailedToLoad: (Ad ad, LoadAdError error) {
      print('$_fluidAd failedToLoad: $error');
      ad.dispose();
    },
  ),

Fluid 広告を表示する

広告が読み込まれたら、FluidAdWidget を使用してフレキシブル広告を表示します。基盤となるプラットフォームの広告ビューに合わせて高さが調整されます。

FluidAdWidget(
  width: <your-width>,
  ad: fluidAd,
);

アドマネージャーのフレキシブル広告サイズの実装例については、GitHub のサンプルアプリをご覧ください。

ネイティブ スタイル