In questa pagina viene descritto come utilizzare gtag.js per misurare le interazioni con le pagine dei siti che caricano i contenuti in modo dinamico, senza il tradizionale caricamento completo delle pagine.
Panoramica
Un'applicazione a pagina singola (SPA) è un'applicazione web o un sito web che carica tutte le risorse necessarie per navigare in un sito al primo caricamento della pagina. Poiché l'utente fa clic sui link e interagisce con la pagina, i contenuti successivi vengono caricati in modo dinamico. L'applicazione spesso aggiorna l'URL nella barra degli indirizzi per emulare la navigazione tradizionale delle pagine, ma non viene mai effettuata una richiesta separata per pagina intera.
Il tag Google funziona bene con i siti web tradizionali perché il codice snippet viene eseguito ogni volta che gli utenti caricano una nuova pagina. Tuttavia, per un'applicazione a pagina singola in cui il sito carica i nuovi contenuti della pagina in modo dinamico anziché come caricamenti di pagine complete, il codice dello snippet gtag.js viene eseguito una sola volta. Ciò significa che le visualizzazioni di pagina successive (virtuali) devono essere misurate manualmente al caricamento di nuovi contenuti.
Misurare le visualizzazioni di pagina virtuali
Quando l'applicazione carica i contenuti in modo dinamico e aggiorna l'URL nella barra degli indirizzi, dovrebbe essere aggiornato anche l'URL della pagina memorizzato con gtag.js. Puoi anche misurare le variazioni dell'indirizzo sul tuo sito come visualizzazioni di pagina.
Per impostare il percorso dei report gtag.js, utilizza il comando set per specificare un
valore per il parametro page_path:
gtag('set', 'page_path', page_path);
gtag('event', 'page_view');
Ad esempio:
gtag('set', 'page_path', '/new-page.html');
gtag('event', 'page_view');
Dopo aver aggiunto il nuovo valore per page_path, tutti gli eventi successivi inviati alla proprietà
utilizzeranno quel nuovo valore.
Gestione di più URL per la stessa risorsa
Alcune APS aggiornano solo la parte hash dell'URL durante il caricamento dinamico dei contenuti. Questa pratica può portare a situazioni in cui molti
percorsi di pagina diversi puntano alla stessa risorsa. In questi casi, di solito è meglio scegliere un
URL canonico e inviare solo quel valore page_path a Google Analytics.
Ad esempio, prendiamo in considerazione un sito web la cui pagina "Chi siamo" può essere raggiunta tramite uno dei seguenti URL:
/about/#/about/home/#/about
Per evitare duplicati nei report, ti consigliamo di registrare tutte queste pagine utilizzando /about per page_path.