Ci sono molte sfide nell’interfaccia di anteprima di GTM: probabilmente molti avranno notato aree che potrebbero essere migliorate. I dati possono spesso essere difficili da leggere, e navigare nell'anteprima di GTM può diventare complicato in contenitori di grandi dimensioni con molti tag attivi. È qui che le estensioni del browser risultano utili: rendono i dati più chiari e la navigazione più semplice.
Per questo motivo, il team di Stape ha creato una semplice estensione Chrome per migliorare l'anteprima di GTM. L'intero team GTM la utilizza, quindi sappiamo che sarà d'aiuto a molte persone.
Stape GTM Helper è un'estensione gratuita per Chrome progettata per migliorare l'esperienza di debug nella modalità di anteprima di Google Tag Manager. Lo strumento offre molteplici funzionalità per i contenitori GTM web e server. Con questa estensione, potete navigare facilmente tra i tag attivati, identificare rapidamente quelli che hanno avuto errori, concentrarvi solo sui tag che state testando e sfruttare altre funzionalità che esploreremo in dettaglio di seguito.
Stape GTM Helper sarà utile a chiunque configuri il tracciamento dei dati tramite GTM. Può essere utilizzato da specialisti del tracciamento dati, analisti di dati, freelancer o agenzie che necessitano di uno strumento pratico per semplificare il processo di debug.
Stape GTM Helper offre i seguenti vantaggi:
Se avete più entità nel vostro contenitore e desiderate testarne solo alcune, potete filtrare esclusivamente quelle necessarie per un debug più comodo.
Questa funzione è disponibile sia per i contenitori GTM web che server e può essere utilizzata in modalità Anteprima.
Questa funzione facilita la lettura delle richieste JSON in entrata e in uscita nell'anteprima di sGTM. È particolarmente utile per i webhook e per verificare i dati inviati dai tag.
Ecco un esempio di ciò che si ottiene senza l'estensione:
Ed ecco ciò che si ottiene con l'estensione:
Questa funzione facilita la lettura dei parametri interrogati nelle richieste URL. È particolarmente utile per visualizzare le richieste GA4 in entrata e in uscita.
Ecco un esempio di ciò che si ottiene senza l'estensione:
Ed ecco ciò che si ottiene con Stape GTM Helper:
Potete anche visualizzare i dati dell'URL di richiesta in formato JSON e copiarli facendo clic sui pulsanti corrispondenti.
Questa funzione aggiunge una codifica a colori e il logo della piattaforma per i tag più popolari (Meta, GA4, Google Ads, Microsoft, ecc.). Funziona sia nell'anteprima web che in quella server, rendendo più semplice la navigazione tra i tag attivati quando ce ne sono molti nel contenitore.
Ecco un esempio di ciò che si ottiene senza l'estensione:
Ed ecco ciò che si ottiene con l'estensione:
Aiuta a tenere traccia dei tag con stato Failed o delle richieste con stato 4xx o 5xx. Funziona nell'anteprima server e web.
Ecco un esempio di ciò che si ottiene senza l'estensione:
Ed ecco ciò che si ottiene con l'estensione:
Durante il debug di una configurazione Shopify, il dataLayer di GTM non è visibile nella pagina di checkout perché Shopify limita l'accesso all'ambiente di checkout. Il checkout è isolato e non consente la manipolazione del DOM né l'iniezione di script senza restrizioni, come avviene nelle altre pagine Shopify.
È però possibile inserire manualmente lo snippet GTM nella pagina di checkout per eseguire la modalità di anteprima per questa parte della configurazione. È facile da fare con l'estensione Chrome Stape GTM Helper:
In questo modo potrete visualizzare in modalità Anteprima e debug di GTM gli eventi che hanno avuto luogo nella pagina di checkout:
Se desiderate una rapida valutazione dello stato del tracciamento del vostro sito web e consigli su come migliorarlo, utilizzate lo Scanner. Analizza la pagina del sito web che state esaminando e genera un report su come migliorare il tracciamento sia web che lato server. Il report viene generato con il Website Tracking Checker by Stape.
Come usare lo Scanner all'interno di GTM Helper:
Potete visualizzare i report precedenti nella sezione Scan history dell'estensione.
Quando si utilizza Google Consent Mode in un'anteprima server, lo stato del consenso può essere verificato solo esaminando i parametri della richiesta in entrata. Ciò complica il debug, soprattutto se si sospetta che alcuni tag non si attivino correttamente a causa di problemi di consenso.
L'estensione gratuita Stape GTM per Chrome risolve questo problema aggiungendo i quattro principali stati di consenso all'anteprima server. Funziona controllando il parametro 'gcs' nelle richieste GA4. L'estensione mostra il tipo di consenso e il suo stato (Granted o Denied).
Ecco un esempio di ciò che si ottiene con l'estensione:
Attivate Bulk select nell'estensione.
Dopo aver attivato lo strumento, fate clic su qualsiasi entità all'interno del contenitore. Tenete poi premuto Maiusc per selezionare più entità contemporaneamente. Ciò consente di scegliere più entità GTM in una sola volta, invece di fare clic su ogni casella di controllo singolarmente.
L’estensione gratuita Stape GTM Helper include sia un formato URL di richiesta che un formato JSON. Il formato URL migliora la leggibilità dei parametri interrogati nelle richieste URL, mentre il formattatore JSON rende più facili da leggere le richieste JSON in entrata e in uscita. In combinazione con gli stati e i tipi di tag codificati a colori, queste funzionalità semplificano il debug e migliorano l’esperienza complessiva quando si lavora con sGTM.
Scarica oggi stesso l’estensione gratuita di Stape dal Chrome Web Store per rendere il tuo flusso di lavoro più semplice ed efficiente. Non è necessario creare un account Stape per utilizzare Stape GTM Helper.
Commenti