/
Webmaster: Implementación de código Ajax V4 Múltiple

Webmaster: Implementación de código Ajax V4 Múltiple

Mar 07, 2018

Este documento está orientado a quien haya recibido códigos AjaxV4 Multiple de e-planning para implementar.

El código Ajax V4 Múltiple (por sección) debe implementarse de la siguiente manera:

Consta de pos partes principales:

-El código principal
-El Script de cada espacio

El código principal se debe implementar en el html del sitio justo debajo de donde abre la etiqueta body:

<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:'119e1',sec:'Cultura',eIs:['Full_Banner','Layers','Mega_Banner'] };
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>

Esta parte principal del código es la que realiza los llamados al servidor.
En la tercer línea se encuentra el array de posiciones donde figura el nombre de la sección y los espacios a los que se está llamando.



Para que los espacios (o los anuncios que contienen) sean visibles se debe implementar también el script de cada uno de ellos. (debe haber tantos scritps como espacios sean llamados en el array)

<script type='text/javascript'>eplAD4M('Full_Banner');</script>

<script type='text/javascript'>eplAD4M('Layers');</script>

<script type='text/javascript'>eplAD4M('Mega_Banner');</script>

El Webmaster debe posicionar cada script en el lugar que corresponda para cada espacio en el HTML de la sección correspondiente.

En caso de que un espacio sea nombrado en el array, pero no tenga su correspondiente script: estará generando impresiones en blanco y no se visualizarán los anuncios.

Eliminar espacios

Si hace falta eliminar algún espacio definitivamente se debe borrar del array de posiciones (también su script deberá ser despegado)

En este caso sacamos el espacio Mega_Banner, el código seguira llamando a los espacios Full_Banner y Layers



Si la des-implementación es momentánea, se pude sacar el espacio del array de posiciones pero dejar el script del espacio. De esta forma cuando sea necesario volver a implementar el espacio, vuelve a agregarse en el array y vuelve a funcionar correctamente.

Agregar nuevos espacios

Si hace falta agregar nuevos espacios, simplemente se van agregando en el array de posiciones del mísmo código V4 que ya tiene implementado. Y tambien se agregan los script correspondintes.

En este caso agregamos los espacios box, top y lateral.

<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:'119e1',sec:'Cultura',eIs:['Full_Banner','Layers','Mega_Banner','Box', 'Top', 'Lateral'] };
function eplCheckStart() {
    if (document.epl) {

La nomenclatura debe ser identica entre el array y su script, no modificar mayusculas, minucsulas ni espacios.

Más alla de estas modificaciones, el código no debe sufrir otros cambios.