Cargando...

Banner tradicional HTML5 con Video

Características

Medidas: 300x250px, 300x600px, 630x300px, 970x350px

Para agregar un video al anuncio html, siga las instrucciones respecto a las especificaciones para video:

Para contabilizar métricas en un video primero se debe agregar el tag al html correspondiente, por ejemplo:

 <video id="video1" width="320" height="320" controls autoplay muted>
 <source src="video.mp4" type=”video/mp4”>
 </video>

Principalmente nos encontramos con el tag <video> y dentro del mismo el se encuentra el tag <source> que corresponde a la dirección del video a cargar.

El tag video debe tener un id especificado, en este ejemplo es: “video1”, para poder realizar que contabilice métricas es necesario utilizar la función EPL.setVideo(videoId, trackComplete, callback), la cual recibe como parámetros la siguiente información:

– videoId: String, id del video html5.

– trackComplete: true o false, indica si hay que realizar el Anuncio Completo[EPL.adComplete()] al finalizar el video.

– callback: Function o null, función que se pasa como parámetro para ejecutar una ves que finaliza el video.

Ejemplo:

EPL.setVideo(“video1”, true, function(){console.log(“Video Completo”);});

Automáticamente, la librería de Rich Media reconoce el video y ajusta las métricas a sus controles.

También se agregará dinámicamente un clicktag al video.

Métricas de video:

• Sonido On

• Sonido Off

• Start

• Pause

• Restart

• Anuncio Completo

• 1/4 video reproducción

• 1/2 video reproducción

• 3/4 video reproducción

Opciones de video:

Los formatos rich media soportan hasta un máximo de 5 videos inclusive.

En caso de necesitar que un video comience en auto play, pausa, sonido on/off, se debe setear directamente del tag <video> con las propiedades correspondientes.

En el próximo ejemplo mostramos cómo realizar un video que comienza con sonido off, en auto play y con controles visibles:

<video id=”video1″ width=”320″ height=”320″ controls autoplay muted>
<source src=”video.mp4″ type=”video/mp4″>
</video>

Las propiedades en la etiqueta marcadas en azul son las seteadas.

Plazos de entrega: Los materiales deben entregarse como mínimo 48 horas antes de la fecha de lanzamiento de la campaña.
ADVERTENCIA: La falta de alguno de los archivos solicitados puede generar demoras en la implementación de las pautas.

IMPLEMENTACIÓN VIDEO YOUTUBE

Para la implementación de un video de youtube es necesario tener implementado en el anuncio un div con un id definido específicamente para cargar el video de youtube, ejemplo:

<div id=”videoYoutube”>
</div>

Para poder realizar que cargue el video y contabilice métricas es necesario utilizar la función:

EPL.setVideoYoutube(idDiv, idVideo, ancho, alto, autoPlay, sound, loop, trackComplete, callback) la cual recibe como parámetros la siguiente información:

– idDiv: String, id del div donde se debera cargar el vide youtube.

– idVideo: String, id del video de youtube (se obtiene de la url del video en youtube) ejemplo:

www.youtube.com/watch?v=AkA-WK0ORMQ&feature=youtu.be

El idVideo es: AkA-WK0ORMQ

– ancho: Number, ancho del video.

– alto: Number, alto del video.

– autoPlay: true o false, indica si debe comenzar en autoplay o no (true: si, false: no).

– sound: true o false, indica si debe comenzar con sonido on u off (true: si, false: no).

– loop: true o false, indica si el video debe realizar loop (true: si, false: no).

– trackComplete: true o false, indica si se debe ejecutar el Anuncio Completo al finalizar el video.

– callback: Function o null, funcion que se ejecutara cuando finalice el video (Opcional).


Para inicializar los videos se deberá llamar a la función: EPL.initYoutubeVideos();

   Métricas de video:

• Sonido On

• Sonido Off

• Start

• Pause

• Restart

• Anuncio Completo

• 1/4 video reproducción

• 1/2 video reproducción

• 3/4 video reproducción

IMPORTANTE: Si un video tiene seteado el parámetro de loop en true, emitirá la métrica de Anuncio Completo pero no se evaluara trackComplete.
Esto genera que en por ejemplo un formato Expandible Push no se repliegue el iframe automaticamente al finalizar el video.

					

Deja un comentario