Especificaciones de Diseño


Medidas

¿Qué software vas a utilizar?

Nosotros te sugerimos realizar tu animación en:
HTML Puro, Google Web Designer o Adobe Animate.
Dependiendo el programa que vas a utilizar,
te brindamos una guía técnica con los
elementos que debe contener tu animación.


HTML PURO

+ Ver códigos
BANNER CONTRAIDO.

Head.

<script src="eplBuilder.js" type="text/javascript"></script>
<script type="text/javascript">var EPL = new eplBuilder().create(eplFormats.expandibleMultiple);</script>


ClickTag.

<a onclick="window.open(window.clickTag); return false" href="#!">


Botón Expandir.

onmouseover="EPL.adExpand();"


BANNER EXPANDIDO.

Head.

<script src="eplBuilder.js" type="text/javascript"></script>
<script type="text/javascript">var EPL = new eplBuilder().create(eplFormats.expandibleMultiple);</script>


ClickTag.

<a onclick="window.open(window.clickTag); return false" href="#!">


Botón Contraer.

onmouseout="repliega();"


Script JS.

<script>
function repliega(){
EPL.adShrink();
}
setTimeout(function() {
console.log("anuncio completo a los 8 segundos");
EPL.adComplete();
}, 8000);
</script>





OBSERVACIONES

En caso desees que el banner contenga un video deberás agregar los siguientes códigos:


ID de video:

videoEpl



Script JS video:

<script>
setTimeout(function() {
EPL.adComplete();
}, 10000);
</script>

Descargar Archivo eplBuilder.js


GOOGLE WEB DESIGNER

+ Ver códigos
BANNER CONTRAIDO.

Head.

<script src="eplBuilder.js" type="text/javascript"></script>
<script type="text/javascript">var EPL = new eplBuilder().create(eplFormats.expandibleMultiple);</script>


ClickTag.

<a onclick="window.open(window.clickTag); return false" href="#!">


Botón Expandir.

onmouseover="EPL.adExpand();"


BANNER EXPANDIDO.

Capa Acciones.

this.botonclick.addEventListener("click", fl_ClickToGoToWebPage);

function fl_ClickToGoToWebPage() {
window.open(window.clickTag);
}

this.btncerrar.addEventListener("click", Replegar.bind(this));

function Replegar()
{
this.gotoAndPlay(11);
EPL.adShrink();
}


Capa Stop.

this.stop();


Head.

<script src="eplBuilder.js" type="text/javascript"></script>
<script type="text/javascript">var EPL = new eplBuilder().create(eplFormats.expandibleMultiple);</script>


ClickTag.

<a onclick="window.open(window.clickTag); return false" href="#!">


Botón Contraer.

onmouseout="repliega();"


Script JS.

<script>
function repliega(){
EPL.adShrink();
}
setTimeout(function() {
console.log("anuncio completo a los 8 segundos");
EPL.adComplete();
}, 8000);
</script>

Descargar Archivo eplBuilder.js