Introducción
Este documento explica cómo implementar tags de otros ad servers cuando un sitio utiliza e-planning como ad server principal, habiendo pegado en sus páginas los tags basados en IFRAMEs dinámicos.
IFRAMEs dinámicos
Los IFRAMEs dinámicos tienen la particularidad de permitir que los anuncios carguen en paralelo con la página, logrando mayor velocidad en la carga total. Sin embargo, tienen la limitación de que no permiten que los anuncios utilicen la función document.write, ya que el documento se está escribiendo en varios lugares en paralelo. Por eso, al utilizar este tipo de tags, se debe proceder de otra manera para mostrar el anuncio. Para todos los formatos propios de e-planning (banners GIF, Flash, layers, expandibles, preview, etc), esto ya funciona de esa manera. Sin embargo, al subir a una pauta tags de otros ad servers, estos generalmente hacen uso de la función document.write y por lo tanto es necesario adaptarlos para que funcionen correctamente.
Formatos que no requieren adaptación
Al subir un tag de otro ad server, el tag funciona sin modificaciones si es de alguno de los siguientes formatos:
-
Banner GIF, PNG o JPEG
-
Banner Flash
-
Banner HTML
-
Pop up de cualquier tipo
-
Pop under de cualquier tipo
Formatos que requieren adaptación
Sin embargo, los siguientes formatos requieren adaptación:
-
Banners expandibles, de cualquier formato
-
Layers (floating ads), o cualquier anuncio que se muestre por sobre la página
-
Previews o interstitials
Adaptación
Cuando se quiera subir un tag de alguno de los formatos que requieren adaptación, se debe solicitar a quien provee el tag que realice una adaptación del anuncio según lo indicado a continuación. Por ejemplo, si el sitio A utiliza e-planning y recibe un tag de la agencia Z, la agencia Z debe solicitar a su proveedor de ad server que realice la modificación.
En lugar de escribir el código utilizando document.write, el mismo se debe indicar en el div de nombre eplDiv, utilizando la propiedad innerHTML:
eplDiv.innerHTML = "codigo HTML del anuncio";
Ejemplo
eplDiv.innerHTML = '<a href="http://www.otro.ad.server/clicktrack/id=4322"><img src="http://www.otro.ad.server/img/id=4322"></a>";
Alternativamente, se puede utilizar el método appendChild() para agregar elementos a eplDiv, los cuales deben haber sido creados previamente mediante createElement().
Además, en caso que el tag necesite acceder a la variable document, la misma está siempre disponible a través de la variable eplDoc.
Si se desean cargar scripts externos, no se puede indicar la sentencia <SCRIPT> dentro de innerHTML, sino que se debe crear el script utilizando document.createElement().
Ventajas y desventajas
Los tags basados en IFRAMEs dinámicos tienen la ventaja de acelerar la carga del sitio y se adaptan muy bien a los sitios que utilizan AJAX en forma masiva. Sin embargo, tienen la desventaja de que los templates utilizados para servir los anuncios deben seguir ciertas reglas. En e-planning, modificamos todos nuestros templates para que funcionen correctamente con tags de tipo IFRAME dinámico. Si se reciben tags de otros ad servers, es también necesario que estos adapten sus tags para poder correr bajo IFRAMEs dinámicos.
Otra desventaja que poseen estos códigos es el "delay de anuncios" que sería la solución al bug de Internet Explorer haciendo que los anuncios carguen luego del sitio. Esto sucede en algunas páginas web con determinados formatos. El error refiere al impedimento de la carga de la página.
Utilizando los códigos Dynamic Iframes no puede solucionarse este inconveniente.
