固定サイズのバナー広告

Google Mobile Ads SDK for React Native では、バナー広告の固定サイズがサポートされています。バナー広告の詳細については、バナー広告を設定するをご覧ください。

固定の広告サイズを設定する

固定の広告サイズを設定するには、BannerAd.load メソッドを呼び出すときに、固定の AdSize 定数を渡します。

次の例では、広告サイズと広告ユニット ID を渡し、成功した場合はメッセージをログに記録し、失敗した場合はエラーをログに記録します。

BannerAd.load(
  {
    adUnitId: 'AD_UNIT_ID',
    adSize: AdSize.BANNER,
  },
  {
    // Called when an ad has finished loading.
    onAdLoaded: (_ad) => {
      console.log('Fixed size banner ad loaded successfully.');
    },
    // Called when an ad request fails.
    onAdFailedToLoad: (error: LoadAdError) => {
      console.error('Failed to load fixed size banner:', error.message);
    },
  },
);

AD_UNIT_ID は、実際の広告ユニット ID に置き換えてください。

バナーサイズを選択する

標準のバナーサイズについては、以下の表をご覧ください。

サイズ（dp、幅×高さ） 説明 対象 AdSize の定数値
320×50 バナー スマートフォンとタブレット AdSize.BANNER
320×100 バナー（大） スマートフォンとタブレット AdSize.LARGE_BANNER
300×250 IAB レクタングル（中） スマートフォンとタブレット AdSize.MEDIUM_RECTANGLE
468×60 IAB フルサイズ バナー タブレット AdSize.FULL_BANNER
728×90 IAB ビッグバナー タブレット AdSize.LEADERBOARD

十分なコンテナサイズを確保する

バナー広告を配置するビューコンテナのサイズは、バナーのサイズ以上にする必要があります。パディングがある場合は、それだけバナーを表示できるコンテナの領域が小さくなります。バナーがコンテナに収まらない場合、広告は表示されず、リクエストは失敗します。更新リクエストは LoadAdError オブジェクトで失敗し、onAdFailedToRefresh コールバックが呼び出されます。

Android では、Google Mobile Ads SDK for React Native は Logcat に警告を記録します。

W/Ads: Not enough space to show ad. Needs 320x50 dp, but only has 288x495 dp.