折りたたみ可能バナー広告は、最初は大きなオーバーレイとして表示され、元のリクエストされたバナーサイズに折りたたむボタンが表示されるバナー広告です。折りたたみ可能なバナー広告は、サイズが小さいアンカー広告のパフォーマンスを改善することを目的としています。このガイドでは、既存のバナー広告枠で折りたたみ可能なバナー広告を有効にする方法について説明します。
前提条件
- バナー広告のスタートガイドの手順を完了していること。
実装
バナービューが、標準の(折りたたまれた)バナーの状態でユーザーに表示するサイズで定義されていることを確認します。キーとして collapsible
、値として広告のプレースメントを指定して、広告リクエストに追加パラメータを含めます。
折りたたみ可能プレースメントでは、展開された領域がバナー広告にどのように固定されるかを定義します。
Placement 値
|
動作 | 想定されるユースケース |
---|---|---|
top |
展開された広告の上部が、折りたたまれた広告の上部に揃えられます。 | 広告は画面上部に配置されている。 |
bottom |
展開された広告の下部が、折りたたまれた広告の下部に揃えられます。 | 広告は画面の下部に配置されている。 |
読み込まれた広告が折りたたみ可能なバナーの場合、バナーがビュー階層に配置されると、すぐに折りたたみ可能なオーバーレイが表示されます。
void _loadAd() async {
// Replace these test ad units with your own ad units.
final String adUnitId = Platform.isAndroid
? 'ca-app-pub-3940256099942544/2014213617'
: 'ca-app-pub-3940256099942544/8388050270';
// Get the size before loading the ad.
final size = await AdSize.getCurrentOrientationAnchoredAdaptiveBannerAdSize(
MediaQuery.sizeOf(context).width.truncate());
if (size == null) {
// Unable to get the size.
return;
}
// Create an extra parameter that aligns the bottom of the expanded ad to the
// bottom of the banner ad.
const adRequest = AdRequest(extras: {
"collapsible": "bottom",
});
BannerAd(
adUnitId: adUnitId,
request: adRequest,
size: size,
listener: const BannerAdListener()
).load();
}
広告の更新の動作
AdMob ウェブ インターフェースでバナー広告の自動更新を設定しているアプリの場合、バナー スロットで折りたたみ可能バナー広告がリクエストされると、その後の広告更新では折りたたみ可能バナー広告はリクエストされません。これは、更新ごとに折りたたみ可能バナーを表示すると、ユーザー エクスペリエンスに悪影響を及ぼす可能性があるためです。
セッション内で別の折りたたみ可能バナー広告を後で読み込むには、折りたたみ可能とするパラメータをリクエストに含め、手動で広告を読み込みます。
メディエーション
折りたたみ可能バナー広告は、Google デマンドでのみご利用いただけます。メディエーションを通じて配信される広告は、通常の折りたたみ不可のバナー広告として表示されます。