Compartir a través de


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"
            }
        }
    });