Integrar anuncios publicitarios

Vungle Banner se encuentra actualmente en fase BETA y es posible que obtenga respuestas publicitarias limitadas para solicitudes de anuncios publicitarios. Comuníquese directamente con su gerente de cuenta para acceder y garantizar un lanzamiento exitoso.

Descripción general

A partir del SDK de Vungle v6.5.2 para Windows, Vungle admite anuncios publicitarios. Tanto los anuncios MREC como publicitarios requieren una API versión 16 o superior.

Al igual que los anuncios MREC, los anuncios de video publicitarios son anuncios rectangulares que ocupan una ubicación en cualquier lugar dentro del diseño de la aplicación, que generalmente se muestran en la parte superior o inferior de la pantalla, para que el usuario pueda continuar interactuando con la aplicación mientras se reproduce el anuncio. Este formato de anuncio no requiere una pantalla completa; en cambio, el editor determina la ubicación del contenedor de anuncios dentro de su aplicación. Sin embargo, el tamaño del contenedor del anuncio debe ser de 320 x 50, 300 x 50 o 728 x 90 (para tabletas). 

Requisitos para anuncios publicitarios

  • SDK de Vungle v6.5.2 para Windows
  • UWP para Windows 10

Tamaños de anuncios publicitarios admitidos

El tamaño del contenedor para renderizar anuncios publicitarios puede ser de 320 x 50, 300 x 50 o 728 x 90 (para tabletas). Puede configurar anuncios publicitarios en cualquier lugar de la pantalla y el usuario puede continuar usando la aplicación mientras se reproduce el anuncio.

Tamaño de anuncio publicitario Dimensiones
VungleBannerSizes.Banner_320x50 320 x 50
VungleBannerSizes.BannerShort_300x50 300 x 50
VungleBannerSizes.BannerLeaderboard_728x90 728 x 90

Paso 1. Complete la integración básica

Para integrar anuncios publicitarios en su aplicación de Windows, comience siguiendo las instrucciones del artículo de integración básica . Este artículo contiene información adicional y supone que ha completado la integración básica.

Paso 2. Integre los anuncios publicitarios

Use VungleAdControl para cargar y reproducir un anuncio publicitario en un contenedor. Para una integración más fácil y sencilla, puede transferir el control a VungleAdControl e integrarlo solo con XAML. Para una integración que brinde un control más detallado, puede especificar el contenedor de anuncios en XAML y controlar el anuncio publicitario mediante programación.

Opción 1. Integración de anuncio publicitario simple con XAML

Debe declarar VungleAdControl con la id. de la aplicación de Vungle y la id. de ubicación para la ubicación del anuncio publicitario. Especifique que este VungleAdControl es para un anuncio publicitario pasando el valor isBannerAd a 'True' (verdadero) y permita que cargue y reproduzca automáticamente un anuncio publicitario pasando el valor AutoRun a 'True' (verdadero).

Código de muestra:

<UI:VungleAdControl x:Name="vungleBannerControl" AutomationProperties.AutomationId="vungleBannerControl"
IsBannerAd="True"
AutoRun="True"
<!-- Specify dimensions: 320x50, 300x50, 728x90 -->
Width="SIZE_OF_WIDTH"
Height="SIZE_OF_HEIGHT"
Margin="10"
HorizontalAlignment="Left"
AppID="<YOUR_VUNGLE_APP_ID>"
Placement="<YOUR_BANNER_PLACEMENT_ID>"
<Border BorderBrush="Black" BorderThickness="1" Margin="10">
<TextBlock Text="Banner Ads will show here..." VerticalAlignment="Center" HorizontalAlignment="Center"/>
</Border>
</UI:VungleAdControl>

Opción 2. Integración de anuncio publicitario con control programático

Puede usar XAML junto con el código para controlar mediante programación cuándo LoadBannerAd, PlayBannerAd o LoadAndPlayBannerAd para cargar y reproducir anuncios publicitarios en el momento que prefiera en el ciclo de vida de su aplicación.

  1. Especifique el contenedor de anuncios en XAML. Debe configurar VungleAdControl en XAML con el valor de isBannerAd en 'True' (verdadero). Especifique el tamaño del contenedor de anuncios para que se ajuste al tamaño del anuncio publicitario que desea mostrar pasando los valores Width y Height correctos.

    XAML de muestra:
    <UI:VungleAdControl x:Name="vungleBannerControl" AutomationProperties.AutomationId="vungleBannerControl"
        IsBannerAd="True"
        Width="320" Height="50" Margin="10" HorizontalAlignment="Left">
        <Border BorderBrush="Black" BorderThickness="1" Margin="10">
            <TextBlock Text="Banner Ads will show here..." VerticalAlignment="Center" HorizontalAlignment="Center"/>
        </Border>
    </UI:VungleAdControl>
  2. Configure la id. de la aplicación para VungleAdControl. Comience enviando la id. de la aplicación para VungleAdControl usando la API de AppID. Tenga en cuenta que el SDK de Vungle es una clase de instancia única y solo puede usar una id. de la aplicación a la vez. Si está reproduciendo un anuncio publicitario con anuncios de pantalla completa, ingrese la id. de la aplicación idéntica que usa en la función GetInstance para inicializar el SDK.

    Instanciar VungleAdControl:

    VungleSDKConfig sdkConfig = new VungleSDKConfig();
    sdkConfig.DisableBannerRefresh = true; // Default: false
    
    sdkInstance = AdFactory.GetInstance(vungleAppID, sdkConfig);
    this.vungleBannerControl.AppID = vungleAppID;

Paso 3. Cargue y reproduzca un anuncio publicitario

Puede cargar y reproducir un anuncio publicitario al mismo tiempo utilizando la API de LoadAndPlayBannerAd. Si prefiere precargar un anuncio publicitario y reproducirlo más tarde, puede usar LoadBannerAd y PlayBannerAd en su lugar, para tener un control más preciso del tiempo de ubicación del anuncio publicitario. Debe pasar la id. de ubicación para el anuncio publicitario y el tamaño de anuncio publicitario admitido cuando utilice estas API, activadas en un subproceso de la IU. Puede utilizar StopBannerAd para dejar de mostrar un anuncio publicitario en cualquier momento.

LoadAndPlayBannerAd:

await vungleBannerControl.Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal, () =>
{
    this.vungleBannerControl.LoadAndPlayBannerAd("YOUR_PLACEMENT_ID", VungleBannerSizes.Banner_320x50);
});

LoadBannerAd:

this.vungleBannerControl.LoadBannerAd("YOUR_PLACEMENT_ID", VungleBannerSizes.Banner_320x50);

PlayBannerAd:

this.vungleBannerControl.PlayBannerAd("YOUR_PLACEMENT_ID", VungleBannerSizes.Banner_320x50);

StopBannerAd:

this.vungleBannerControl.StopBannerAd();

Questions?

Need further assistance, feel free to reach out to us, we’re here to help!

¿Fue útil este artículo?