Implementación avanzada de códigos de espacio en el sitio
Instructivo para pegado de códigos de espacio en el sitio (Avanzado)
Este documento explica cómo puede hacerse la implementación de códigos de e-planning de la manera más optimizada posible. Para ver una forma de implementación más básica le sugerimos que lea este documento.
Habitualmente un código de espacio tiene este formato:
<!-- e-planning v3 - Comienzo espacio Test -->
<script type="text/javascript" language="JavaScript1.1">
<!--
var rnd = (new String(Math.random())).substring(2,8) + (((new Date()).getTime()) & 262143);
var cs = document.charset || document.characterSet;
document.write('<scri' + 'pt language="JavaScript1.1" type="text/javascript"
src="http://ads.unknown.e-planning.net/eb/3/1/222f464db023728d?o=j&rnd=' + rnd + '&crs=' + cs + '"></scr' + 'ipt>');
// -->
</script>
<noscript>
<a href="http://ads.unknown.e-planning.net/ei/3/1/222f464db023728d?it=i&rnd=$RANDOM" target="_top">
<img width="468" height="60" alt="e-planning.net ad"
src="http://ads.unknown.e-planning.net/eb/3/1/222f464db023728d?o=i&rnd=$RANDOM" border=0></a></noscript>
<!-- e-planning v3 - Fin espacio Test -->
Ese código corresponde a un espacio particular y debe pegarse en el lugar correspondiente del html. Lo mismo debe hacerse para cada espacio o posición de banner restante.
Entonces el html de la página del sitio quedaría con un código de espacio por cada posición de banner a mostrar.
Nuestra sugerencia es que se pegue, en lugar de lo anterior, un código que puede obtener de la interfaz, el cual ya tiene incluidas las modificaciones para espacios gemelos y pautas competitivas.
Pasos a seguir
Clickear en la solapa Secciones de la interfaz y allí seleccionar la sección en la cual se realizará el cambio en el sitio.
Luego clickear en Código HTML. Apareceran varios codigos:
Código para pegar dentro del tag HEAD: Este código deberá incluirse dentro de los tags <head> y </head> de la sección.
Códigos HTML de Espacios: Cada espacio tendrá su propio código y deberá incluirse dentro de los tags <body> y </body> en el lugar en donde se mostraran los anuncios asociados al espacio.
El código para pegar dentro del tag HEAD tiene la forma:
<script type="text/javascript" language="JavaScript">
<!--
var sitio_id = "37af";
var eplrnd = (new String(Math.random())).substring(2,8) + (((new Date()).getTime()) & 262143);
var sw = (self.innerWidth ? self.innerWidth : (document.documentElement && document.documentElement.clientWidth) ? document.documentElement.clientWidth : document.body ? document.body.clientWidth : "");
var sh = (self.innerHeight ? self.innerHeight : (document.documentElement && document.documentElement.clientHeight) ? document.documentElement.clientHeight : document.body ? document.body.clientHeight : "");
var wh = (sw && sh) ? (sw.toString(16) + "x" + sh.toString(16)) : "";
var cs = document.charset || document.characterSet;
function eplAD(espacio_id) {
var ad = '<scri' + 'pt language="JavaScript" type="text/javascript" src="http://ads.us.e-planning.net/eb/3/' + sitio_id + '/' + espacio_id + '?o=j&rnd=' + eplrnd + '&crs=' + cs + (wh ? ('&n=' + wh) : '') + '">
</scri' + 'pt>';
document.write(ad);
}
// -->
</script>
Y el código HTML del Espacio es asi:
<script type="text/javascript">eplAD("357823df92533e0b");</script>
Por lo tanto su pagina tendra la siguiente forma:
<head>
<script type="text/javascript" language="JavaScript">
<!--
var sitio_id = "37af";
var eplrnd = (new String(Math.random())).substring(2,8) + (((new Date()).getTime()) & 262143);
var sw = (self.innerWidth ? self.innerWidth : (document.documentElement && document.documentElement.clientWidth) ? document.documentElement.clientWidth : document.body ? document.body.clientWidth : "");
var sh = (self.innerHeight ? self.innerHeight : (document.documentElement && document.documentElement.clientHeight) ? document.documentElement.clientHeight : document.body ? document.body.clientHeight : "");
var wh = (sw && sh) ? (sw.toString(16) + "x" + sh.toString(16)) : "";
var cs = document.charset || document.characterSet;
function eplAD(espacio_id) {
var ad = '<scri' + 'pt language="JavaScript" type="text/javascript" src="http://ads.us.e-planning.net/eb/3/' + sitio_id + '/' + espacio_id + '?o=j&rnd=' + eplrnd + '&crs=' + cs + (wh ? ('&n=' + wh) : '') + '">
</scri' + 'pt>';
document.write(ad);
}
// -->
</script>
</head>
<body>
Contenido
<script type="text/javascript">eplAD("357823df92533e0b");</script>
Contenido
<script type="text/javascript">eplAD("253ad7808fde1eeb");</script>
</body>
Importante:
En el caso de querer utilizar códigos en los que se pueda segmentar por palabras clave deberá además seguir estos pasos.
Las palabras claves se agregan con &kw_<parametro>=<valor>
Por ejemplo: &kw_rubro_id=123
Dentro del codigo se debe colocar entre sitio_id y eplrnd.
Luego, dentro de la funcion eplAD, en URL reemplazar "?o=j&rnd=' + eplrnd +" por "?o=j&rnd=' + eplrnd + keywords +".
Por lo tanto, el codigo quedaria de la siguiente manera:
<script type="text/javascript" language="JavaScript">
<!--
var sitio_id = "37af";
var keywords= "&kw_<clave1>=<valor1>&kw_<clave2>=<valor2>&kw_<clave3>=<valor3>";
var eplrnd = (new String(Math.random())).substring(2,8) + (((new Date()).getTime()) & 262143);
var sw = (self.innerWidth ? self.innerWidth : (document.documentElement && document.documentElement.clientWidth) ? document.documentElement.clientWidth : document.body ? document.body.clientWidth : "");
var sh = (self.innerHeight ? self.innerHeight : (document.documentElement && document.documentElement.clientHeight) ? document.documentElement.clientHeight : document.body ? document.body.clientHeight : "");
var wh = (sw && sh) ? (sw.toString(16) + "x" + sh.toString(16)) : "";
var cs = document.charset || document.characterSet;
function eplAD(espacio_id) {
var ad = '<scri' + 'pt language="JavaScript" type="text/javascript" src="http://ads.us.e-planning.net/eb/3/' + sitio_id + '/' + espacio_id + '?o=j&rnd=' + eplrnd + keywords + '&crs=' + cs + (wh ? ('&n=' + wh) : '') + '">
</scri' + 'pt>';
document.write(ad);
}
// -->
</script>
</head>