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.
-
Especifique el contenedor de anuncios en XAML. Debe configurar
VungleAdControl
en XAML con el valor deisBannerAd
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 valoresWidth
yHeight
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>
-
Configure la id. de la aplicación para
VungleAdControl
. Comience enviando la id. de la aplicación paraVungleAdControl
usando la API deAppID
. 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ónGetInstance
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();