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