Misura le applicazioni con una sola pagina

Questo documento è destinato agli sviluppatori che vogliono misurare le visualizzazioni di pagina nella loro applicazione a pagina singola utilizzando Google Analytics.

Le applicazioni a pagina singola (SPA) sono siti web che caricano un documento HTML una sola volta e recuperano qualsiasi contenuto aggiuntivo utilizzando le API JavaScript.

Esempio: supponiamo di avere un modulo per acquisire alcuni lead. Il modulo ha tre schermate:

• La prima schermata per acquisire i dati del cliente.
• Seconda schermata in cui i clienti indicano il loro interesse per determinati servizi.
• Pagina della terza schermata per registrarsi ai webinar correlati agli interessi del cliente.

La chiave per misurare correttamente le visualizzazioni di pagina delle SPA è conteggiare le visualizzazioni di pagina per ogni schermata con cui interagisce un utente e ottenere il referrer della pagina corretto, in modo da poter tracciare correttamente il percorso dell'utente.

Prima di iniziare

Questa pagina presuppone che tu disponga già di:

• Un account e una proprietà Google Analytics 4 per il tuo sito web. Scopri come configurare Google Analytics.

• Un tag Google implementato sul tuo sito web che viene attivato al caricamento iniziale della pagina. Scopri come configurare il tag Google.

Implementare la misurazione delle applicazioni a pagina singola

Per implementare una misurazione accurata delle SPA, utilizza uno di questi metodi per attivare una nuova visualizzazione di pagina virtuale:

• Modifiche alla cronologia del browser (consigliato): se la tua SPA utilizza l'API History, in particolare i metodi pushState() e replaceState() per aggiornare le schermate, utilizza questa opzione.

• Eventi personalizzati: se il tuo sito web utilizza l'oggetto DocumentFragment per il rendering di schermate diverse, utilizza questa opzione.

Implementazione della cronologia del browser Implementazione dell'evento personalizzato

Implementazione della modifica della cronologia del browser

Attivare la misurazione avanzata in GA4

Per misurare page_views automaticamente in base alla cronologia del browser:

1. Apri Google Analytics.

2. In Amministrazione, in Raccolta e modifica dei dati, fai clic su Stream di dati > Web.

3. In Misurazione avanzata, imposta l'opzione su On per abilitare tutte le opzioni.

4. Fai clic per modificare le singole opzioni. Nella sezione Visualizzazioni di pagina, fai clic su Mostra impostazioni avanzate. Assicurati di abilitare sia Caricamenti di pagina sia Cambi di pagina in base agli eventi della cronologia del browser.

   

5. Salva le modifiche.

Verificare la configurazione della misurazione

Per verificare che l'applicazione a pagina singola misuri correttamente le visualizzazioni di pagina:

1. Attiva la modalità di debug per ogni tag nella configurazione della misurazione SPA. Scopri come monitorare gli eventi in DebugView.

2. Fai clic sull'applicazione a pagina singola. Quando fai clic su una nuova schermata virtuale, dovresti visualizzare un nuovo evento page_view in DebugView. Confronta i parametri evento page_view con l'evento page_view precedente per verificare se il referrer pagina e la posizione della pagina sono stati aggiornati correttamente.