Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

↑ 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
titleVer un ejemplo...


Tip
titleEjemplo

Image Added



Info
titleTip

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
languagexml
<a onclick='window.open(window.clickTag); return false' href='#!'>

//contenido clickeable

</a>


Expand
titleVer un ejemplo...


Tip
titleEjemplo

Supongamos que nuestra pieza posee el siguiente elemento que deseamos clickeable:

Code Block
languagexml
<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
languagexml
<a onclick='window.open(window.clickTag); return false' href='#!'>
	<div id='clickTag' style='width:400px;height:400px'>
	</div>
</a>



Tip
titleEjemplo

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
languagexml
<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
languagexml
<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?

...