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.bannerLayer);</script>


ClickTag.

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


Botón Abrir.

onclick="EPL.adExpand();"



BANNER EXPANDIDO.

Head.

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


ClickTag.

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


Botón Abrir.

onclick="EPL.adClose();"


Script JS:

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




OBSERVACIONES

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


ID de video:

videoEpl



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.bannerLayer);</script>


ClickTag.

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


Botón Abrir.

onclick="EPL.adExpand();"



BANNER EXPANDIDO.

Head.

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


ClickTag.

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

Botón Abrir.

onclick="EPL.adClose();"





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