Implementación con AJAX

AJAX es una práctica para utilizar JavaScript y HTML para borrar y generar contenido sin cargar una nueva página.

Adobe Analytics normalmente depende de la recarga de páginas para restablecer el objeto de seguimiento de Analytics. Cada vez que se desplaza a una dirección URL diferente, se restauran todas las variables de Analytics y se pueden definir de nuevo. Al utilizar AJAX en el sitio, ajuste la implementación en función de la falta de actualizaciones de página para asegurarse de que los datos no persistan incorrectamente entre las visitas.

Una vez que haya implementado medidas para borrar los valores de las variables, la implementación de Adobe Analytics en sitios que usan AJAX es mayormente la misma que otros métodos de implementación.

Determinación de interacciones y tipos de visitas

Dado que las páginas que utilizan AJAX generalmente no se recargan, hay varias interacciones que un usuario puede realizar en el sitio. Al implementar Adobe Analytics, asegúrese de diferenciar las vistas de página de las llamadas de seguimiento de vínculos. Tenga en cuenta la siguiente pregunta para cada interacción que un usuario pueda realizar en el sitio:

Cuando un usuario interactúa con mi sitio, ¿cambia lo suficiente el contenido de la página como para calificarse como una página nueva?

Borrado de variables en cada página

Los valores de las variables persisten en las páginas que utilizan AJAX, ya que la página no se vuelve a cargar. Por lo tanto, se requiere un ajuste especial para borrar los valores de las variables de modo que no persistan incorrectamente entre las visitas. Adobe ofrece la función clearVars para borrar fácilmente los valores de las variables. Asegúrese de utilizar esta función después de enviar cada visita a Adobe y antes de establecer los valores de las variables para la siguiente visita.

Ejemplos

El ejemplo siguiente utiliza JavaScript simple para borrar los valores de variables existentes, definir nuevos valores y enviar una solicitud de imagen a Adobe:

s.clearVars();
s.pageName = "Example AJAX page";
s.eVar1="Example 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: "example.html",
  dataType: "html"
})
  .done(function( response ) {
    $( "#content" ).html( response );
  s.clearVars();
  s.pageName = $( "h1:first" ).text();
  s.t();
  });