Utilizzo delle best practice per il tracciamento delle applicazioni a pagina singola (SPA) in Adobe Analytics

In questo documento, descriveremo diverse best practice da seguire e di cui tenere conto quando utilizzi Adobe Analytics per monitorare le applicazioni a pagina singola. Questo documento si concentrerà sull'utilizzo di Adobe Experience Platform Launch, che è il metodo di implementazione consigliato.

NOTE INIZIALI:

• Gli elementi seguenti presupporranno l'utilizzo di Experience Platform Launch per l'implementazione sul sito. Le considerazioni esistono ancora se non utilizzi Experience Platform Launch, ma dovrai adattarle al metodo di implementazione.
• Tutte le applicazioni a pagina singola sono diverse, pertanto potrebbe essere necessario modificare alcuni dei seguenti elementi per soddisfare al meglio le tue esigenze, ma abbiamo voluto condividere alcune best practice con te; cose a cui devi pensare durante l’implementazione di Adobe Analytics nelle pagine SPA.

Diagramma semplice dell’utilizzo delle applicazioni a pagina singola in Experience Platform Launch

NOTA: come indicato, questo è un diagramma semplificato del modo in cui le pagine SPA vengono gestite in un’implementazione Adobe Analytics utilizzando Experience Platform Launch. Nelle seguenti sezioni di questa pagina, discuteremo i passaggi e tutti i problemi che dovresti considerare attentamente o su cui devi agire.

Impostazione del livello dati

Quando un nuovo contenuto viene caricato su una pagina SPA, o quando un’azione viene eseguita su una pagina SPA, una delle prime operazioni da eseguire è aggiornare il livello dati. Questo deve accadere PRIMA che l'evento personalizzato attivi e attivi regole in Experience Platform Launch, in modo che Experience Platform Launch possa raccogliere i nuovi valori dal livello dati e inviarli in Adobe Analytics.

Di seguito è riportato un livello di dati di esempio, i cui elementi possono essere modificati in seguito a modifiche della visualizzazione o azioni sulla SPA. Ad esempio, in caso di modifica a schermo intero/a maggioranza, è comune modificare un elemento "pageName" in modo che il nuovo possa essere acquisito in Experience Platform Launch e inviato in Adobe Analytics.

<script>
    digitalData = {
        pageInstanceID: "Launch Demo Site",
        page:{
            pageInfo:{
                pageID: '2745374',
                pageName: 'acs demo - product listing page'
            },
            attributes:{
                project: "Experience Platform Launch Project"
            }
        },
        user : [ {
          "profile" : [ {
            "attributes" : {
              "gender" : "male",
              "age" : "35"
            }
          } ]
        }],
        libraries : {
          adobe : {
            launch : {
              state : 0, // 0 = not loaded , 1 = loaded
              domain : "assets.adobedtm.com"
            }
          }
        }

     };
    </script>

Impostazione di eventi personalizzati e ascolto in Experience Platform Launch

Quando un nuovo contenuto viene caricato sulla pagina o quando si verifica un'azione sul sito, è necessario informare Experience Platform Launch in modo che possa eseguire una regola e inviare dati a Analytics. Ci sono un paio di modi diversi per farlo: Direct Call rules o Eventi personalizzati.

• Direct Call Rules: in Experience Platform Launch, puoi impostare un direct call rule che viene eseguito quando viene chiamato direttamente dalla pagina. Se il caricamento della pagina o l'azione sul sito è molto semplice o se è univoco e può eseguire un set specifico di istruzioni ogni volta (impostare eVar4 su X e attivare event2 ogni volta), puoi utilizzare un direct call rule. Consulta la documentazione Experience Platform Launch relativa alla creazione di direct call rules .
• Eventi personalizzati: Per ulteriori funzionalità e per la possibilità di allegare dinamicamente un payload con valori diversi, è necessario impostare eventi JavaScript personalizzati e ascoltarli in Experience Platform Launch, dove è possibile utilizzare il payload per impostare le variabili e inviare i dati in Adobe Analytics. È più probabile che questa funzionalità sia necessaria, quindi questa opzione è considerata la best practice. Tuttavia, ogni funzione sul sito può determinare quale sarà il metodo più appropriato. In questo documento si procederà partendo dal presupposto che sarà necessario utilizzare questo metodo di eventi personalizzati.

Esempi: nel documento 🔗 QUESTOaiuto sono presenti collegamenti a siti SPA di esempio che sono stati implementati Analytics (e altre soluzioni Experience Cloud), nonché documenti che descrivono cosa è stato implementato. In questi esempi di applicazione a pagina singola, sono stati utilizzati i seguenti eventi personalizzati:

• event-view-start: Questo evento deve essere attivato all'inizio della visualizzazione o dello stato che si sta caricando.
• event-view-end: Questo evento deve essere attivato anche quando si è verificata una modifica della visualizzazione o dello stato e il caricamento di tutti i componenti SPA sulla pagina è terminato. Questo è l’evento che in genere attiva una chiamata ad Adobe Analytics.
• event-action-trigger: Questo evento deve essere attivato quando si verifica un evento sulla pagina ad eccezione del caricamento visualizzazione/stato. Potrebbe trattarsi di un evento clic o di una modifica del contenuto più piccola senza una modifica della visualizzazione.

Per ulteriori informazioni su come/quando vengono attivate, consulta le pagine/documenti di cui sopra. Non è necessario utilizzare gli stessi nomi di evento, ma la funzionalità riportata di seguito è la best practice consigliata. Il video seguente mostra un sito di esempio e dove in Experience Platform Launch per ascoltare gli eventi personalizzati.

Esecuzione di s.t() o s.tl() in Experience Platform Launch Rule

Una delle cose più importanti da comprendere per Analytics quando si lavora con un’applicazione a pagina singola è la differenza tra s.t() e s.tl(). Verrà attivato uno di questi metodi in Experience Platform Launch per inviare dati a Analytics, ma è necessario sapere quando inviarli.

• s.t() - La "t" sta per "track" ed è una normale visualizzazione di pagina. Anche se l'URL potrebbe non cambiare, la visualizzazione cambia abbastanza da considerare una nuova "pagina"? In tal caso, imposta la variabile s.pageName e utilizza s.t() per inviare la chiamata a Analytics

• s.tl() - Il "tl" sta per "tracciamento collegamento" e viene normalmente utilizzato per tracciare clic o piccole modifiche di contenuto sulla pagina, invece di una modifica a schermo intero. Se la modifica sulla pagina è piccola, in modo da non considerarla una nuova "pagina" completa, utilizza s.tl() e non preoccuparti di impostare la variabile s.pageName, in quanto Analytics la ignorerà.

SUGGERIMENTO: alcune persone utilizzano una linea guida generale che indica che se la schermata cambia di oltre il 50%, deve essere considerata una visualizzazione di pagina e utilizzata s.t(). Se la modifica allo schermo è inferiore al 50%, utilizza s.tl(). Tuttavia, dipende interamente da te e da cosa consideri una nuova "pagina" e da come desideri tenere traccia del tuo sito in Adobe Analytics.

Il video seguente mostra dove/come attivare s.t() o s.tl() in Launch da Adobe.

Cancellazione delle variabili

Quando monitori il tuo sito con Adobe Analytics, ovviamente desideri solo inviare i dati giusti in Analytics al momento giusto. In un ambiente SPA, un valore tracciato in una variabile Analytics può persistere e essere reinviato in Analytics, potenzialmente quando non lo desideri più. Per questo motivo, esiste una funzione nell'estensione Analytics Launch per cancellare le variabili, in modo da avere una nuova ardesia quando esegui la richiesta di immagine successiva e invii dati in Analytics.

Nel diagramma precedente, lo abbiamo elencato alla fine del processo, cancellando le variabili dopo che invii l'hit. In realtà può essere eseguito prima o dopo l’invio dell’hit, ma deve essere coerente nelle regole Experience Platform Launch, in modo da cancellare sempre prima o dopo l’impostazione delle variabili e l’invio delle stesse. Ricorda che se vuoi cancellare le variabili prima esegui s.t(), assicurati di cancellare prima le variabili, quindi di impostare le nuove variabili e infine di inviare i nuovi dati in Analytics.

NOTA: la cancellazione delle variabili non è sempre necessaria durante l’esecuzione s.tl(), perché s.tl() richiede l’utilizzo della linkTrackVars variabile accanto a essa ogni volta per sapere Analytics quali variabili saranno impostate (aggiunta automatica dietro le quinte in Experience Platform Launch). Questo significa che le variabili erranti di solito non vengono incluse quando si utilizza s.tl(), ma è molto consigliato quando si utilizza s.t() in un ambiente SPA. Detto questo, vorrei raccomandare come best practice l’utilizzo della funzione Clear Variables sia per s.t() che per s.tl() in un ambiente SPA, solo per garantire una raccolta di dati di qualità.

Il video seguente mostra dove/come cancellare le variabili in Launch.

Considerazioni aggiuntive

Finestre del codice personalizzato in Experience Platform Launch

Nell'estensione Launch Analytics sono disponibili due posizioni in cui è possibile inserire codice personalizzato: La sezione library management e la sezione "Configure Tracker Using Custom Code" aggiuntiva.

È importante sapere che una di queste posizioni eseguirà davvero il codice solo una volta, quando il caricamento iniziale della pagina avviene sulla pagina SPA. Se hai bisogno che il codice venga eseguito su una modifica della visualizzazione o su un'azione sul tuo sito, devi aggiungere un'azione aggiuntiva alla rule appropriata (ad esempio nel "caricamento della pagina: event-view-end" rule), in modo che il codice venga eseguito ogni volta che rule viene eseguito. Quando crei tale azione in rule, imposta Estensione = Core e Tipo azione = Codice personalizzato.

Siti SPA/Siti regolari "ibridi"

Alcuni siti sono una combinazione di pagine "normali" e pagine SPA. In questo caso, dovrai utilizzare una strategia che funzioni per entrambi i tipi di pagina. Durante la configurazione degli eventi personalizzati sul sito e l’attivazione delle regole in Experience Platform Launch, assicurati che non ci siano doppi hit che entrano in Analytics dalla pagina, in base a modifiche hash e così via. (in questo modo hai scelto di attivare la regola Experience Platform Launch). In questo caso, sarà necessario eliminare una delle visualizzazioni di pagina in modo che non fornisca dati errati in Adobe Analytics.

Se decidi di suddividere la funzionalità in rules separate in modo da avere un maggiore controllo su di essa, ricorda/documenta di aver eseguito questa operazione, in modo che tutte le modifiche apportate a una rule possano essere apportate anche all'altra rule, proteggendo l'integrità dei dati Analytics.

Integrazione con Target tramite A4T

Solo un rapido callout. Se esegui l’integrazione con Target utilizzando A4T, assicurati che la richiesta Target e la richiesta Analytics sulla stessa modifica di visualizzazione abbiano lo stesso SDID. In questo modo i dati verranno sincronizzati correttamente sulle soluzioni.

Per visualizzare gli hit, utilizza un programma di debug o packet sniffer. Puoi anche utilizzare Experience Cloud Debugger, un'estensione Chrome che può essere scaricata HERE. Target dovrebbe essere attivato per primo sulla pagina, in modo da poter controllare anche nella console JavaScript o nel debugger.

Risorse aggiuntive

• Discussione SPA sui forum Adobe
• Siti dell’architettura di riferimento per mostrare come implementare SPA in Experience Platform Launch