Show Menu
TEMAS×

Implementación con AJAX

Implementar con AJAX es exactamente igual que implementar código en una página HTML estándar.
La empresa tiene preguntas que necesitan respuesta, se evalúan las necesidades y se asignan las variables. Después, se aplica y se implementa el diseño. Estos conceptos le resultarán familiares si ya ha pasado por las fases iniciales de la implementación.

Diseño de la solución

La diferencia respecto a incluir AJAX en la combinación es que hay que comprender primero el nivel de detalle que debe recopilarse. El potencial de cambio del contenido de la página (macronivel) o del seguimiento de atributos de la aplicación (micronivel) determina qué variables deben configurarse y qué método de envío de datos a Adobe funciona mejor.

Implementación del código

Hay dos funciones en el código de JavaScript que permite enviar datos. Hay algunas directrices diferentes que deben seguirse para saber qué método se debe utilizar para enviar datos. Si ya se ha realizado una solicitud de imagen en la página, debe borrar los valores de las variables establecidas con anterioridad. Use la función clearVars() en AppMeasurement para JavaScript o escriba una función JavaScript simple para borrar las variables si usa código H. Configure los valores apropiados para el contenido cambiado, concretamente la variable pageName . Una vez configuradas las variables, llame a la función t() .
Antes de llamar a s.t() , borre los valores del objeto s que no deban conservarse. Si usa AppMeasurement para JavaScript, puede llamar a s.clearVars() . Si usa código H, establezca las variables para una cadena vacía escribiendo una rutina simple.
s.clearVars(); 
s.pageName="New Page" 
s.prop1="some value" 
void(s.t());

En el ejemplo siguiente se muestra una llamada de seguimiento de la llamada de retorno done de la función .ajax de JQuery:
$.ajax({ 
  url: "test.html", 
  dataType: "html" 
}) 
  .done(function( response ) { 
    $( "#content" ).html( response ); 
  s.clearVars(); 
  s.pageName = $( "h1:first" ).text(); 
  s.t(); 
  }); 

Si anteriormente se realizó una solicitud de imagen en la misma página, borre los valores de las variables previamente configuradas. Para ello:
  • Escriba una función de JavaScript simple para borrar las variables de Adobe.
  • Configure las variables linkTrackVars y linkTrackEvents en el archivo s_code.js, si aún no lo ha hecho.
  • Configure los valores apropiados para el contenido cambiado, concretamente la variable pageName .
  • Una vez configuradas las variables, llame a la función tl() .
//set linkTrackVars and linkTrackEvents> (if applicable) 
//set new variables 
s.tl(this,'o','Link Name');

s.linkTrackVars="prop1,eVar1,events"; s.linkTrackEvents="event1"; 
s.prop1="some value"; s.eVar1="another value"; s.events="event1"; 
s.tl(this,'o','My Link Name');