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
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
GOOGLE WEB DESIGNER
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>