Como implementar tags V4 en carga asincronica (AJAX)

Este documento describe cómo deben adaptarse los tags V4 para realizar llamados a espacios en código insertado mediante llamadas AJAX.

1) Debe agregarse la siguiente función al tag:

function eplAD4Sync(div, eID, opts) {

     document.getElementById(div).id = 'eplAdDiv'+eID;

     if (!opts) opts = {t:1};

     if (!eplArgs.sOpts) { eplArgs.sOpts = {}; }

     eplArgs.sOpts[eID] = opts;

     eplSetAd(eID);

}

2) La llamada al espacio debe reemplazarse por:

<div id='divAd1'></div>

<script id='eplAD4Sync1'>eplAD4Sync('divAd1',

'cd934f3fe9cf33a0',{t:1,timeout:0,ma:1,custF:null,sd:'4a67!!http://ads.e-planning.net/!!'});</script>

Donde el primer parámetro pasado a eplAD4Sync() es el ID del div donde el anuncio va a ser cargado y que agregamos manualmente.

3) Una vez realizada la carga debe realizarse un eval() del contenido del <script>. En este ejemplo seria:

eval(document.getElementById('eplAD4Sync1').innerHTML);

Donde la referencia se hace mediante el ID correspondiente al script. Esto es agregado manualmente.

Este procedimiento permite anular el uso de document.write(), de esta forma podemos llamar a un espacio una vez que el sitio ya fue renderizado sin sobreescribir el contenido del mismo.