Implementación de Caja de Publicidad

En este documento se explica cómo agregar una caja de publicidad a los espacios de un sitio.

Para agregar la caja se debe agregar un fieldset que contenga un tag legend donde se definen los estilos (colores, tamaños, tipografías, texto, etc)
Se pueden definir diferentes combinaciones de estilos a criterio de cada sitio.

A continuación se muestra la implementación con el agregado en color AZUL.

Códigos Ajax V4 Múltiple:

El cuerpo del código permanece sin modificaciones. El agregado se aplica en cada uno de los scripts de espacios.
No es necesario modificar todos los espacios, ni modificarlos todos con el mismo estilo.

<html>
<body> <script language='JavaScript' type='text/javascript'><!--
var eplDoc = document; var eplLL = false;
var eS1 = 'us.img.e-planning.net';var eplArgs = { iIF:1,sV:'http://ads.us.e-planning.net/',vV:'4',sI:'12394',sec:'Home',eIs:['Box','Top','Box_2'] };
function eplCheckStart() {
    if (document.epl) {
        var e = document.epl;
        if (e.eplReady()) {
            return true;
        } else {
            e.eplInit(eplArgs);
            if (eplArgs.custom) {
                for (var s in eplArgs.custom) {
                    document.epl.setCustomAdShow(s, eplArgs.custom[s]);
                }
            }
            return e.eplReady();        
        }
    } else {
        if (eplLL) return false;
        if (!document.body) return false; var eS2; var dc = document.cookie; var ci = dc.indexOf('EPLSERVER=');
        if (ci != -1) {
            ci += 10; var ce = dc.indexOf(';', ci);
            if (ce == -1) ce = dc.length;
            eS2 = dc.substring(ci, ce);
        }
        var eIF = document.createElement('IFRAME');
        eIF.src = 'about:blank'; eIF.id = 'epl4iframe'; eIF.name = 'epl4iframe';
        eIF.width=0; eIF.height=0; eIF.style.width='0px'; eIF.style.height='0px';
        eIF.style.display='none'; document.body.appendChild(eIF);
        
        var eIFD = eIF.contentDocument ? eIF.contentDocument : eIF.document;
        eIFD.open();eIFD.write('<html><head><title>e-planning</title></head><bo'+'dy></bo'+'dy></html>');eIFD.close();
        var s = eIFD.createElement('SCRIPT'); s.src = 'http://' + (eS2?eS2:eS1) +'/layers/epl-41.js';
        eIFD.body.appendChild(s);
        if (!eS2) {
            var ss = eIFD.createElement('SCRIPT');
            ss.src = 'http://ads.us.e-planning.net/egc/4/8e07';
            eIFD.body.appendChild(ss);
        }
        eplLL = true;
        return false;
    }
}
eplCheckStart();
function eplSetAdM(eID,custF) {
    if (eplCheckStart()) {
        if (custF) { document.epl.setCustomAdShow(eID,eplArgs.custom[eID]); }
        document.epl.showSpace(eID);
    } else {
        var efu = 'eplSetAdM(''+eID+'', '+ (custF?'true':'false') +');';
        setTimeout(efu, 250);    
    }
}
function eplAD4M(eID,custF) {
    document.write('<div id='eplAdDiv'+eID+''></div>');
    if (custF) {
        if (!eplArgs.custom) { eplArgs.custom = {}; }
        eplArgs.custom[eID] = custF;
    }
    eplSetAdM(eID, custF?true:false);
}
//--></script>
 <fieldset style='margin: 1px 0; width:300px; border: 1px solid #000000; padding: 0 5px 5px; font: 400 12px Verdana,sans-serif;'>
            <legend style='color: #000000; font-size: 12px; letter-spacing: 1px; margin-left: 5px; padding: 3px 10px 0;'>CAJA PUBLICIDAD</legend> <script type='text/javascript'>eplAD4M('Box');</script> </fieldset> <fieldset style='margin: 1px 0; width:300px; border: 1px solid #000000; padding: 0 5px 5px; font: 400 12px Verdana,sans-serif;'>
            <legend style='color: #000000; font-size: 12px; letter-spacing: 1px; margin-left: 5px; padding: 3px 10px 0;'>CAJA PUBLICIDAD</legend> <script type='text/javascript'>eplAD4M('Top');</script> </fieldset> <fieldset style='margin: 1px 0; width:300px; border: 1px solid #000000; padding: 0 5px 5px; font: 400 12px Verdana,sans-serif;'>
            <legend style='color: #000000; font-size: 12px; letter-spacing: 1px; margin-left: 5px; padding: 3px 10px 0;'>CAJA PUBLICIDAD</legend> <script type='text/javascript'>eplAD4M('Box_2');</script> </fieldset>  </body> </html>

Se encuentra adjunto el .html para ejecutar en un navegador.

Códigos Javascript V3

Se debe hacer la modificación para cada uno de los espacios. No es necesario modificar todos los espacios, ni modificarlos todos con el mismo estilo.

<html>
<body>

<fieldset style='margin: 1px 0; width:300px; border: 1px solid #999999; padding: 0 5px 5px; font: 400 12px Verdana,sans-serif;'>
            <legend style='color: #999999; font-size: 8px; letter-spacing: 1px; margin-left: 5px; padding: 3px 10px 0;'>PUBLICIDAD</legend>

<script type='text/javascript' language='JavaScript1.1'>

</script>
<noscript><a href='http://ads.us.e-planning.net/ei/3/12394/1b8c4a1712723af5?it=i&rnd=$RANDOM' target='_blank'><img width='300' height='250' alt='e-planning ad' src='http://ads.us.e-planning.net/eb/3/12394/1b8c4a1712723af5?o=i&rnd=$RANDOM' border=0></a></noscript>

    </fieldset>

<fieldset style='margin: 1px 0; width:300px; border: 1px solid #999999; padding: 0 5px 5px; font: 400 12px Verdana,sans-serif;'>
            <legend style='color: #999999; font-size: 8px; letter-spacing: 1px; margin-left: 5px; padding: 3px 10px 0;'>PUBLICIDAD</legend>

<script type='text/javascript' language='JavaScript1.1'>

</script>
<noscript><a href='http://ads.us.e-planning.net/ei/3/12394/2a49cee7e45fbc6e?it=i&rnd=$RANDOM' target='_blank'><img width='728' height='90' alt='e-planning ad' src='http://ads.us.e-planning.net/eb/3/12394/2a49cee7e45fbc6e?o=i&rnd=$RANDOM' border=0></a></noscript>

    </fieldset>

</body>
</html>

Se encuentra adjunto el .html para ejecutar en un navegador.

Resultado: