Implementazione con AJAX

L’AJAX consiste nell’utilizzare JavaScript e HTML per cancellare e generare contenuti senza caricare una nuova pagina.

Adobe Analytics di solito si basa sul ricaricamento delle pagine per ripristinare l’oggetto di tracciamento Analytics. Ogni volta che passi a un URL diverso, tutte le variabili di Analytics vengono reimpostate e possono essere definite di nuovo. Quando utilizzi l’AJAX sul sito, regola l’implementazione in base alla mancanza di aggiornamenti di pagina per assicurarti che i dati non persistano erroneamente tra gli hit.

Una volta implementate le misure per cancellare i valori delle variabili, implementare Adobe Analytics sui siti che utilizzano AJAX è per lo più lo stesso di altri metodi di implementazione.

Determinazione delle interazioni e dei tipi di hit

Poiché le pagine che utilizzano l’AJAX in genere non vengono ricaricate, un utente può eseguire più interazioni sul sito. Quando implementi Adobe Analytics, accertati di distinguere le visualizzazioni di pagina dalle chiamate di tracciamento dei collegamenti. Per ogni interazione che un utente può eseguire sul sito, considera la seguente domanda:

Quando un utente interagisce con il mio sito, l'interazione cambia abbastanza contenuto nella pagina da qualificarsi come nuova pagina?

Cancellazione delle variabili in ogni pagina

I valori delle variabili persistono nelle pagine che utilizzano l’AJAX poiché la pagina non viene ricaricata. Pertanto, è necessario tenere presente che i valori delle variabili devono essere cancellati in modo che non persistano in modo errato nei diversi hit. Adobe offre la funzione clearVars per cancellare facilmente i valori delle variabili. Assicurati di utilizzare questa funzione dopo aver inviato ogni hit all’Adobe e prima di impostare i valori delle variabili per l’hit successivo.

Esempi

L’esempio seguente utilizza un semplice JavaScript per cancellare i valori delle variabili esistenti, impostare nuovi valori e inviare una richiesta di immagine all’Adobe:

s.clearVars();
s.pageName = "Example AJAX page";
s.eVar1="Example value";
void(s.t());

L'esempio seguente mostra una chiamata di tracciamento nel callback done della funzione JQuery .ajax:

$.ajax({
  url: "example.html",
  dataType: "html"
})
  .done(function( response ) {
    $( "#content" ).html( response );
  s.clearVars();
  s.pageName = $( "h1:first" ).text();
  s.t();
  });