Configuración de etiquetas en la página para el vídeo de Bannerstream
Xandr Bannerstream Video usa la etiqueta de vendedor de Xandr (AST), una etiqueta asincrónica de JavaScript que se ejecuta en el encabezado de la página. Estas etiquetas se definen y cargan en el encabezado de página y se activan al "mostrar" las etiquetas en el cuerpo de la página.
Sugerencia
Para casos de uso seleccionados, AST también se puede definir, cargar y mostrar en el cuerpo de la página.
Cómo funciona
Se puede agregar una unidad de anuncios de vídeo en banner a una página web en cualquier lugar donde se pueda mostrar un banner normal. La unidad de anuncios de vídeo bannerstream se incluye como un <div>
elemento en el cuerpo de la página. El <div>
elemento del cuerpo de la página hace referencia a la unidad de anuncio de vídeo mediante un identificador de destino que corresponde a una definición de ese identificador de destino en el encabezado de página.
Ejemplo
Con AST, puede definir la etiqueta (ubicación) a la que va a llamar. Al definir una ubicación de vídeo en banner, hay opciones adicionales que puede pasar para especificar cómo desea que el reproductor aparezca y se comporte en la página. Aquí se muestra una llamada de ejemplo a defineTag
:
apntag.defineTag({
//required params
targetId: 'banner_div',
tagId: 31,
sizes: [320, 250],
allowedFormats: ['video'],
targetingParams: {},
video: {
frameworks: [1,2]
},
//the options object is passed to the renderer which creates the player on the page
rendererOptions: {
playerTechnology: [
'flash',
'html5'
],
adText: 'Ad',
showMute: true,
showVolume: true,
showProgressBar: true,
autoInitialSize: true,
allowFullscreen: true,
skippable: {
videoThreshold: 10,
videoOffset: 5,
skipLocation: 'top-right',
skipText: 'Video can be skipped in %%TIME%% seconds',
skipButtonText: 'Continue'
},
preShow: {
type: "image",
url: "http://example.com/images/pre-show-image.jpeg"
},
postShow: {
type: "image",
url: "http://example.com/images/post-show-image.jpeg"
},
fallback: {
type: "image",
url: "http://example.com/images/post-show-image.jpeg"
}
}
});