Banners

Selecciona la plataforma: Android iOS Unity Flutter

Las vistas de banner son anuncios rectangulares con imágenes o texto que ocupan un espacio en la pantalla. Permanecen en la pantalla mientras los usuarios interactúan con la aplicación y se pueden actualizar automáticamente después de un período de tiempo determinado. Si no tienes mucha experiencia con la publicidad para dispositivos móviles, este formato es una excelente opción para comenzar. Lee este caso de éxito.

En esta guía, se muestra cómo integrar vistas de banner en una app de Unity. Además de brindar instrucciones y fragmentos de código, incluye información sobre cómo dimensionar los banners correctamente y vínculos a recursos adicionales.

Requisitos previos

Haz siempre una comprobación con anuncios de prueba

El siguiente código de muestra contiene un ID de unidad de anuncios que puedes usar para solicitar anuncios de prueba. Se configuró especialmente para devolver anuncios de prueba en lugar de anuncios de producción para cada solicitud, lo que hace que sea seguro de usar.

Sin embargo, una vez que registres una app en la interfaz web de AdMob y crees IDs de tus propias unidades de anuncios para usarlos en tu app, configura tu dispositivo como dispositivo de prueba de forma explícita durante el desarrollo.

Android

ca-app-pub-3940256099942544/6300978111

iOS

ca-app-pub-3940256099942544/2934735716

Inicializa el SDK de anuncios para dispositivos móviles

Antes de cargar anuncios, llama a MobileAds.Initialize() para que tu app inicialice el SDK de anuncios de Google para dispositivos móviles. Esto solo se debe hacer una vez, idealmente cuando se inicia la app.

using GoogleMobileAds;
using GoogleMobileAds.Api;

public class GoogleMobileAdsDemoScript : MonoBehaviour
{
    public void Start()
    {
        // Initialize Google Mobile Ads SDK.
        MobileAds.Initialize((InitializationStatus initStatus) =>
        {
            // This callback is called once the MobileAds SDK is initialized.
        });
    }
}

Si usas la mediación, espera a que se produzca la devolución de llamada antes de cargar anuncios, ya que esto garantizará que se inicialicen todos los adaptadores de mediación.

Ejemplo de BannerView

En el siguiente código de muestra, se indica cómo usar la vista de banner. En el ejemplo, crearás una instancia de una vista de banner, usarás un AdRequest para cargar un anuncio en la vista de banner y, luego, controlarás los eventos del ciclo de vida para extender sus capacidades.

Crea una vista de banner

El primer paso para usar una vista de banner es crear una instancia de vista de banner.

// Create a 320x50 banner at top of the screen.
bannerView = new BannerView("AD_UNIT_ID", AdSize.Banner, AdPosition.Top);
BannerViewSnippets.cs

Reemplaza AD_UNIT_ID por tu ID de unidad de anuncios.

El constructor de un BannerView tiene los siguientes parámetros:

  • adUnitId: Es el ID de la unidad de anuncios del anuncio de banner que se cargará.
  • AdSize: Es el tamaño del banner que deseas usar.
  • AdPosition: Es la posición en la que se deben colocar las vistas del banner.

(Opcional) Crea una vista de banner con una posición personalizada

Para tener más control sobre dónde se coloca una vista de banner en la pantalla en relación con lo que ofrecen los valores de AdPosition, usa el constructor que tiene coordenadas Y y X como parámetros:

// Create a 320x50 banner views at coordinate (0,50) on screen.
bannerView = new BannerView("AD_UNIT_ID", AdSize.Banner, 0, 50);
BannerViewSnippets.cs

La esquina superior izquierda de la vista de banner se posiciona en los valores de Y y X que se pasan al constructor, donde el origen es la esquina superior izquierda de la pantalla.

(Opcional) Crea una vista de banner con un tamaño personalizado

Además de usar una constante de AdSize, también puedes especificar un tamaño personalizado para tu anuncio:

// Create a 250x250 banner at the bottom of the screen.
AdSize adSize = new AdSize(250, 250);
bannerView = new BannerView("AD_UNIT_ID", adSize, AdPosition.Bottom);
BannerViewSnippets.cs

Carga un anuncio de banner

Para cargar un anuncio, crea un objeto AdRequest y pásalo al método LoadAd().

// Send a request to load an ad into the banner view.
bannerView.LoadAd(new AdRequest());
BannerViewSnippets.cs

Escucha eventos de vista de banner

Para personalizar el comportamiento de tu anuncio, puedes agregar un hook en varios eventos del ciclo de vida del anuncio, como las cargas, aperturas o cierres. Para escuchar estos eventos, registra un delegado:

bannerView.OnBannerAdLoaded += () =>
{
    // Raised when an ad is loaded into the banner view.
};
bannerView.OnBannerAdLoadFailed += (LoadAdError error) =>
{
    // Raised when an ad fails to load into the banner view.
};
bannerView.OnAdPaid += (AdValue adValue) =>
{
    // Raised when the ad is estimated to have earned money.
};
bannerView.OnAdImpressionRecorded += () =>
{
    // Raised when an impression is recorded for an ad.
};
bannerView.OnAdClicked += () =>
{
    // Raised when a click is recorded for an ad.
};
bannerView.OnAdFullScreenContentOpened += () =>
{
    // Raised when an ad opened full screen content.
};
bannerView.OnAdFullScreenContentClosed += () =>
{
    // Raised when the ad closed full screen content.
};
BannerViewSnippets.cs

Destruye la vista de banner

Cuando termines de usar la vista del banner, asegúrate de llamar a Destroy() para liberar los recursos.

if (bannerView != null)
{
    // Always destroy the banner view when no longer needed.
    bannerView.Destroy();
    bannerView = null;
}
BannerViewSnippets.cs

Eso es todo. Tu app ya está lista para mostrar anuncios de banner.

Actualiza un anuncio

Si configuraste tu unidad de anuncios para que se actualice, no es necesario que solicites otro anuncio cuando uno no se cargue. El SDK de anuncios de Google para dispositivos móviles respeta cualquier frecuencia de actualización que hayas especificado en la IU de AdMob. Si no habilitaste la actualización, envía una nueva solicitud. Para obtener más detalles sobre la actualización de unidades de anuncios (por ejemplo, cómo establecer una frecuencia de actualización), consulta Cómo usar la actualización automática para los anuncios de banner.

La siguiente tabla presenta los tamaños de banner estándares.

Tamaño en dp (ancho × alto) Descripción Disponibilidad Constante de AdSize
320 x 50 Banner estándar Teléfonos y tablets BANNER
320 x 100 Banner grande Teléfonos y tablets LARGE_BANNER
300 x 250 Rectángulo mediano de IAB Teléfonos y tablets MEDIUM_RECTANGLE
468 x 60 Banner de tamaño completo de IAB Tabletas FULL_BANNER
728 x 90 Leaderboard de IAB Tabletas LEADERBOARD
Ancho proporcionado x Altura adaptable Banner adaptable Teléfonos y tablets N/A
Ancho de pantalla x 32/50/90 Banner inteligente Teléfonos y tablets SMART_BANNER
Obtén más información sobre los banners adaptables, que están diseñados para reemplazar los banners inteligentes.

Recursos adicionales