...
↑ Regresar a la tabla de contenido ↑
¿Como puedo dar de alta un anuncio HTML5?
Para dar de alta un anuncio HTML5, se deben tener las siguientes consideraciones:
Formato del anuncios HTML5
Los anuncios HTML5 deben estar constituidos por un archivo ZIP que contenga en su raiz un archivo html de nombre index.html. Este archivo sera el que se renderice inicialmente al mostrarse la pieza. El mismo puede utilizar referencias con rutas relativas a otros archivos auxiliares que se encuentren contenidos dentro del ZIP.
Expand |
---|
|
Tip |
---|
| Image Added
|
|
Info |
---|
|
Las herramientas Adobe Edge y Google Web Designer generan este formato de salida. |
↑ Regresar a la tabla de contenido ↑
Programación del Clicktag en piezas HTML5
Si deseamos que nuestra campaña contabilice los clicks generados desde la pieza, la misma se debe programar para llamar a la url de contabilización asociada cada vez que recibe un click. Dentro del contexto de la pieza, se podrá obtener dicha url mediante la referencia window.clicktag
.
La url de contabilizacion referida por window.clicktag responde con un redirect hacia la url de landing definida al cargar la pieza en E-Planning. Si se desea que responda con un redirect hacia otra url, se puede hacer incorporando a la misma el parámetro GET du, con valor igual a la url de destino encodeada en código URI. Una forma simple de conseguir esto es contener las áreas clickeables mediante un elemento de tipo "vinculo" que refiera a esta url:
Code Block |
---|
|
<a onclick='window.open(window.clickTag); return false' href='#!'>
//contenido clickeable
</a> |
Expand |
---|
|
Tip |
---|
| Supongamos que nuestra pieza posee el siguiente elemento que deseamos clickeable: Code Block |
---|
| <div id='clickTag' style='width:400px;height:400px'>
</div> |
Para conseguir que al hacerle click el mismo sea contabilizado y luego se redirija al landing, debemos escribirlo así: Code Block |
---|
| <a onclick='window.open(window.clickTag); return false' href='#!'>
<div id='clickTag' style='width:400px;height:400px'>
</div>
</a> |
|
Tip |
---|
| Supongamos que en la variable landing1 poseemos la url a la cual deseamos redirigir al momento de hacer click en la pieza, y poseemos el siguiente elemento clickeable: Code Block |
---|
| <div id='clickTag' style='width:400px;height:400px'>
</div> |
Para conseguir que al hacerle click el mismo sea contabilizado y luego se redirija la url definida en la variable landing1, debemos escribirlo así: Code Block |
---|
| <a onclick='window.open(window.clickTag + "&du=" + encodeURIcomponent(landing1)); return false' href='#!'>
<div id='clickTag' style='width:400px;height:400px'>
</div>
</a> |
|
|
↑ Regresar a la tabla de contenido ↑
¿Qué tipos de anuncio puedo agregar desde tags de terceros en E-Planning DSP?
...