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.zocalo);</script>
ClickTag.
<a onclick="window.open(window.clickTag); return false" href="#!">
Botón Expandir.
onclick="EPL.adExpand();"
Botón Cerrar.
onclick="EPL.adClose();"
BANNER EXPANDIDO.
Head.
<script src="eplBuilder.js" type="text/javascript"></script>
<script type="text/javascript">var EPL = new eplBuilder().create(eplFormats.zocalo);</script>
ClickTag.
<a onclick="window.open(window.clickTag); return false" href="#!">
Botón Contraer.
onclick="EPL.adShrink();"
Script JS.
<script>
function eplOnload(){
setTimeout(function(){
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>
GOOGLE WEB DESIGNER
Head.
<script src="eplBuilder.js" type="text/javascript"></script>
<script type="text/javascript">var EPL = new eplBuilder().create(eplFormats.zocalo);</script>
ClickTag.
<a onclick="window.open(window.clickTag); return false" href="#!">
Botón Expandir.
onclick="EPL.adExpand();"
Botón Cerrar.
onclick="EPL.adClose();"
BANNER EXPANDIDO.
Head.
<script src="eplBuilder.js" type="text/javascript"></script>
<script type="text/javascript">var EPL = new eplBuilder().create(eplFormats.zocalo);</script>
ClickTag.
<a onclick="window.open(window.clickTag); return false" href="#!">
Botón Contraer.
onclick="EPL.adShrink();"
Script JS.
<script>
function eplOnload(){
setTimeout(function(){
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>