Anuncios de banner contraíbles
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Selecciona la plataforma:
Android
iOS
Unity
Flutter
Los anuncios de banner contraíbles son anuncios de banner que se presentan inicialmente como una superposición más grande con un botón que permite contraerlos al tamaño de banner solicitado originalmente.
Los anuncios de banner contraíbles están diseñados para mejorar el rendimiento de los anuncios fijos de un tamaño más pequeño. En esta guía, se muestra cómo activar los anuncios de banner contraíbles para las posiciones de banner existentes.

Requisitos previos
Implementación
Asegúrate de que la vista del banner esté definida con el tamaño que deseas que los usuarios vean en el estado normal (contraído) del banner. Incluye un parámetro de elementos adicionales en la solicitud de anuncio con collapsible
como clave y la posición del anuncio como valor.
La posición contraíble define cómo se fija la región expandida al anuncio de banner.
Valor de Placement
|
Comportamiento |
Caso de uso previsto |
top |
La parte superior del anuncio expandido se alinea con la parte superior del anuncio contraído. |
El anuncio se coloca en la parte superior de la pantalla. |
bottom |
La parte inferior del anuncio expandido se alinea con la parte inferior del anuncio contraído. |
El anuncio se coloca en la parte inferior de la pantalla. |
Si el anuncio cargado es un banner contraíble, el banner muestra la superposición contraíble inmediatamente después de que se coloca en la jerarquía de vistas.
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();
}
Comportamiento de actualización de anuncios
En el caso de las apps que configuran la actualización automática para los anuncios de banner en la interfaz web de Ad Manager, cuando se solicita un anuncio de banner contraíble para un espacio de banner, las actualizaciones posteriores de anuncios no solicitarán anuncios de banner contraíbles. Esto se debe a que mostrar un banner contraíble en cada actualización podría tener un impacto negativo en la experiencia del usuario.
Si quieres cargar otro anuncio de banner contraíble más adelante en la sesión, puedes cargar un anuncio de forma manual con una solicitud que contenga el parámetro contraíble.
Los anuncios de banner contraíbles solo están disponibles para la demanda de Google. Los anuncios publicados a través de la mediación se muestran como anuncios de banner normales que no se pueden contraer.
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2025-09-02 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-09-02 (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."]]