Bannières réductibles
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Sélectionnez une plate-forme :
Android
iOS
Unity
Flutter
Les bannières réductibles sont des bannières qui sont initialement présentées sous la forme d'une superposition plus grande, avec un bouton permettant de les réduire à la taille de bannière initialement demandée.
Les bannières réductibles sont conçues pour améliorer les performances des annonces ancrées qui sont plus petites. Ce guide explique comment activer les bannières réductibles pour les emplacements de bannières existants.

Prérequis
Implémentation
Assurez-vous que la vue de votre bannière est définie avec la taille que vous souhaitez que les utilisateurs voient dans l'état standard (réduit) de la bannière. Incluez un paramètre "extras" dans la demande d'annonce avec collapsible
comme clé et l'emplacement de l'annonce comme valeur.
L'emplacement réductible définit la façon dont la région développée s'ancre à la bannière publicitaire.
Valeur Placement
|
Comportement |
Cas d'utilisation prévu |
top |
Le haut de l'annonce développée s'aligne sur le haut de l'annonce réduite. |
L'annonce est diffusée en haut de l'écran. |
bottom |
Le bas de l'annonce développée est aligné sur le bas de l'annonce réduite. |
L'annonce est diffusée en bas de l'écran. |
Si l'annonce chargée est une bannière réductible, la bannière affiche l'overlay réductible immédiatement après son placement dans la hiérarchie des vues.
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();
}
Comportement d'actualisation des annonces
Pour les applications qui configurent l'actualisation automatique des bannières dans l'interface Web Ad Manager, lorsqu'une bannière réductible est demandée pour un emplacement de bannière, les actualisations d'annonces suivantes ne demandent pas de bannières réductibles. En effet, l'affichage d'une bannière réductible à chaque actualisation pourrait avoir un impact négatif sur l'expérience utilisateur.
Si vous souhaitez charger une autre bannière réductible ultérieurement lors de la session, vous pouvez charger une annonce manuellement avec une requête incluant le paramètre définissant le caractère réductible.
Les bannières réductibles ne sont disponibles que pour la demande Google. Les annonces diffusées via la médiation s'affichent sous forme de bannières non réductibles normales.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/09/06 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2025/09/06 (UTC)."],[[["\u003cp\u003eCollapsible banner ads initially appear larger and can be collapsed to a standard banner size, improving anchored ad performance.\u003c/p\u003e\n"],["\u003cp\u003eTo enable, include an extra parameter in the ad request with \u003ccode\u003ecollapsible\u003c/code\u003e as the key and \u003ccode\u003etop\u003c/code\u003e or \u003ccode\u003ebottom\u003c/code\u003e as the value to specify the expanded ad's alignment.\u003c/p\u003e\n"],["\u003cp\u003eCollapsible banners only support Google demand; ads served through mediation will display as regular banners.\u003c/p\u003e\n"],["\u003cp\u003eAds refreshing is automatically configured to avoid repeated collapsible banners, improving user experience.\u003c/p\u003e\n"],["\u003cp\u003eFor manual control, load an ad with the collapsible parameter to re-enable a collapsible banner ad later in the session.\u003c/p\u003e\n"]]],["Collapsible banner ads, which enhance smaller anchored ads, display as a larger overlay initially and then collapse to the defined size. To implement, ensure the banner view is sized for the collapsed state and include an \"extras\" parameter with \"collapsible\" set to \"top\" or \"bottom\" for placement. Subsequent ad refreshes won't be collapsible unless manually requested. Collapsible banners are limited to Google demand, with mediated ads appearing as standard banners.\n"],null,["Select platform: [Android](/ad-manager/mobile-ads-sdk/android/banner/collapsible \"View this page for the Android platform docs.\") [iOS](/ad-manager/mobile-ads-sdk/ios/banner/collapsible \"View this page for the iOS platform docs.\") [Unity](/ad-manager/mobile-ads-sdk/unity/banner/collapsible \"View this page for the Unity platform docs.\") [Flutter](/ad-manager/mobile-ads-sdk/flutter/banner/collapsible \"View this page for the Flutter platform docs.\")\n\n\u003cbr /\u003e\n\nCollapsible banner ads are banner ads that are initially presented as a larger\noverlay, with a button to collapse them to the originally requested banner size.\nCollapsible banner ads are intended to improve performance of anchored ads that\nare otherwise a smaller size. This guide shows how to turn on collapsible banner\nads for existing banner placements.\n\nPrerequisites\n\n- Complete the [banner ads get started guide](/ad-manager/mobile-ads-sdk/flutter/banner).\n\nImplementation\n\nMake sure your banner view is defined with the size you would like users to see\nin the regular (collapsed) banner state. Include an extras parameter in the ad\nrequest with `collapsible` as the key and the placement of the ad as the value.\n\nThe collapsible placement defines how the expanded region anchors to the banner\nad.\n\n| `Placement` value | Behavior | Intended use case |\n|-------------------|-------------------------------------------------------------------------|-----------------------------------------------|\n| `top` | The top of the expanded ad aligns to the top of the collapsed ad. | The ad is placed at the top of the screen. |\n| `bottom` | The bottom of the expanded ad aligns to the bottom of the collapsed ad. | The ad is placed at the bottom of the screen. |\n\nIf the loaded ad is a collapsible banner, the banner shows the collapsible\noverlay immediately once it's placed in the view hierarchy.\n\n void _loadAd() async {\n // Replace these test ad units with your own ad units.\n final String adUnitId = Platform.isAndroid\n ? 'ca-app-pub-3940256099942544/2014213617'\n : 'ca-app-pub-3940256099942544/8388050270';\n\n // Get the size before loading the ad.\n final size = await AdSize.getCurrentOrientationAnchoredAdaptiveBannerAdSize(\n MediaQuery.sizeOf(context).width.truncate());\n\n if (size == null) {\n // Unable to get the size.\n return;\n }\n\n // Create an extra parameter that aligns the bottom of the expanded ad to the\n // bottom of the banner ad.\n const adRequest = AdRequest(extras: {\n \"collapsible\": \"bottom\",\n });\n\n BannerAd(\n adUnitId: adUnitId,\n request: adRequest,\n size: size,\n listener: const BannerAdListener()\n ).load();\n }\n\nAds refreshing behavior\n\nFor apps that configure auto-refresh for banner ads in the\nAd Manager web interface, when a collapsible banner ad\nis requested for a banner slot, subsequent ad refreshes won't request\ncollapsible banner ads. This is because showing a collapsible banner on every\nrefresh could have a negative impact on user experience.\n\nIf you want to load another collapsible banner ad later in the session, you can\nload an ad manually with a request containing the collapsible parameter.\n\n\u003cbr /\u003e\n\nMediation\n\nCollapsible banner ads are only available for Google demand. Ads served through\nmediation show as normal, non-collapsible banner ads."]]