Tra i numerosi vantaggi di Google Tag Manager molto probabilmente hai sentito parlare di come sia facile da implementare per tutti i tipi di monitoraggio su un sito web. O forse, hai sentito parlare di come rende facile gestire una grande mole di codici in siti di grandi dimensioni e come possa analizzare praticamente qualsiasi cosa.
Molte di queste caratteristiche sostituiscono i metodi classici per il monitoraggio delle interazioni su un sito. Ma anche se non sei nel settore Analytics, o uno sviluppatore, questo articolo può fare lo stesso al caso tuo.
Parliamo di un immediato, tangibile, beneficio nell’implementare Google Tag Manager. Velocità del sito. Ebbene sì, Google Tag Manager può diminuire la quantità di tempo che ci vuole a caricare una pagina del tuo sito internet. Vediamo come.
La velocità del sito non è più una scelta facoltativa
Si è parlato di velocità del sito per anni. La velocità del sito è una di quelle cose che tocca tutto – l’esperienza dell’utente, i risultati organici in Google, ma anche la ricerca a pagamento e, soprattutto, colpisce il tasso di conversione globale.
Google ha rilasciato uno strumento per aiutarci a testare i nostri siti web per la versione mobile e la velocità del sito . Dalla loro pagina dei risultati, otteniamo verdetti come questo: “. Quasi la metà di tutti i visitatori lasceranno un sito mobile se le pagine non vengono caricate entro 3 secondi”
KISSmetrics afferma che “1 secondo di ritardo nella risposta della pagina può portare ad una riduzione del 7% nelle conversioni.” Mettiamola che più chiaramente. Un sito lento può causare la perdita di denaro.
Quindi, cosa c’entra Google Tag Manager?
Perché Google Tag Manager (GTM) svolge un ruolo in tutto questo? Nessuna sorpresa, non siamo i primi a scrivere su questo argomento e non sarà di certo l’ultimo articolo. Ma a differenza di alcuni siti, noi facciamo questo tipo di cose ogni giorno con i nostri clienti.
Ci sono due ragioni principali per cui GTM accelererà il vostro sito web:
- Consolidamento Codice
- Caricamento Asicrono
Se questi concetti non significano niente per te, non preoccuparti! Allaccia le cinture e prepariamo le basi.
Consolidamento e pulizia del codice
Le persone tendono a non toccare niente fino a quando una cosa non funziona più, o anche fino a quando non hanno il tempo / budget / motivazione per cambiarlo. Prendete Google Analytics, per esempio. Universal Analytics è stato rilasciato anni fa, con incredibili nuove caratteristiche e un miglioramento assoluto, ma ci sono molte persone che continuano ad utilizzare le versioni precedenti.
Google Tag Manager è uno di quei cambiamenti che devono essere fatti intenzionalmente. È necessario decidere di utilizzare Google Tag Manager. Google Tag Manager da la possibilità di monitorare qualsiasi cosa si voglia, senza alcuna limitazione.
Pulizie di primavera
Ok, iniziamo dalle basi. Quando si avvia la migrazione a Google Tag Manager, si è costretti a prendere decisioni importanti. Perché abbiamo messo questa etichetta sul nostro sito web, in primo luogo? È ancora necessaria? Abbiamo messo qualcosa che lo sostituisce? E’ incredibile la quantità di codici che inseriamo e poi dimentichiamo di averlo fatto.
Si deve prendere la decisione di aggiungere nuovi tag a Google Tag Manager, quindi bisogna ridurre i tag che vengono caricati sul tuo sito web e, sorpresa, va più veloce!
Funzionalità dei tag
Ogni sito è diverso. La tecnologia sottostante il tuo sito web potrebbe essere completamente diversa dal mio. Pensate alla vostra configurazione attuale e quanto sia facile / difficile inserire un tag specifico su una pagina specifica o dopo una determinata azione.
Google Tag Manager rende tutto molto facile. E’ semplice impostare alcuni tag solo su pagine specifiche. Con un po’ di messa a punto in più, si può facilmente bloccare determinati tag che non servono su mobile o su desktop, gli utenti registrati / nuovi utenti, e altro ancora.
Usando i tag personalizzati, si utilizzano solo quando è necessario, il che significa meno tempo speso nel caricare risorse di terze parti.
Consolidamento Informazioni importanti – Ottimizzare
I tag che abbiamo deciso di usare spesso hanno bisogno di interventi manuali per farli funzionare correttamente. Per esempio, si consideri un fornitore per un prodotto correlato. Potremmo aver bisogno di passare loro la SKU della pagina del prodotto che carica, nonché un ID cliente.
Queste informazioni potrebbero essere già disponibili sulla pagina, ma accedervi può richiedere una variabile JavaScript o di ricerca jQuery.
I tuoi tag non hanno bisogno di leggere l’intera pagina per trovare ciò di cui hanno bisogno, possono utilizzare le stesse informazioni che sono state decise con il layer di dati.
Google ha pubblicato un caso studio della catena di abbigliamento Dafiti che spiega bene questo concetto e di come ha ottenuto una spinta enorme in termini di velocità del sito attraverso il consolidamento e la pulizia che è stata fatta nell’implementazione di Google Tag Manager.
Nel settore delle prestazioni, la capacità di Google Tag Manager di eliminare la ridondanza ha avuto un impatto evidente. ” Un layer di dati si è rivelato molto utile per inviare lo stesso valore in tag diversi, ” spiegano nell’History Case. Il risultato per l’utente? Dafiti riporta che il sito è del 25% più veloce in quanto a caricamento.
Rimozione di codice in eccesso dalla pagina
Ricordate che le persone hanno difficoltà a cambiare? Il modo in cui si traccia le interazioni on-page è cambiato radicalmente nel corso degli anni. Pensate a chi ha etichettato singolarmente dei link sul sito.
Sembra impossibile ma in realtà le configurazioni manuali molto più presenti di quanto si pensi, quindi questo beneficio può essere essere davvero significativo.
Invece di aggiungere manualmente il codice su ogni link, siamo in grado di utilizzare le funzioni globali che si rivolgono a tutti i link sulla pagina che vogliamo monitorare. Potreste aver sentito parlare di jQuery, che è uscito più di dieci anni fa, o JavaScript.
Se codifichi ancora link singolarmente, come un download di file PDF, migrare a Google Tag Manager significa che puoi utilizzare un’unica impostazione per monitorare tutti i download in formato PDF sul tuo sito. Questo può significare letteralmente la rimozione di centinaia o migliaia di righe di codice dal tuo sito.
La configurazione sarà più efficiente e il metodo più facile da mantenere. E meno codice sul tuo sito significa che il tuo sito verrà caricato più velocemente.
Caricamento asincrono
Infine, parliamo del concetto di “asincrono“. Ancora una volta, questo non è un concetto nuovo. Google Analytics è uscito con una versione dello script asincrono nel 2009 e molti tag di terze parti utilizzano lo stesso approccio.
Il caricamento asincrono si occupa di come le varie parti delle nostre pagine vengono caricate e l’impatto che questo ha sugli utenti. Solitamente, le parti della pagina di un sito web vengono caricate in ordine, e la parte successiva attende che ogni componente venga caricato prima di passare al componente successivo. Questo è chiamato sincrono.
Quando alcuni elementi sono impostati per essere caricati in modo asincrono, si diramano e cominciano a caricarsi simultaneamente. La pagina continua a caricare le cose in ordine, mentre i componenti asincroni vengono caricati separatamente.
Facciamo un esempio: andiamo a fare la spesa con un elenco di cose e persone diverse. Ci sono due scuole di pensiero prevalenti. Il primo, si può camminare per i corridoi insieme, raccogliere gli oggetti dalla lista uno dopo l’altro. L’altra idea è quella di rompere l’elenco in vari pezzi, inviare i vari membri del gruppo in tutte le parti del negozio e poi ricomporre il tutto con la lista completata.
Suddividendo e raccogliendo gli elementi contemporaneamente, stiamo accelerando il processo. Se ci si blocca su un elemento particolare, si blocca il resto della lista da completare.
Con i tag in Google Tag Manager si tenterà automaticamente di caricare in modo asincrono, questo può significare un grande vantaggio per la velocità di caricamento della pagina. A seconda dei tag e di come li aggiungi in GTM, alcuni tag continueranno a rallentare la pagina e potranno ancora caricare in modo sincrono, ma la maggior parte delle volte si vedranno miglioramenti.
Concludendo
Un gran numero di vantaggi, oltre alla velocità, derivano dal consolidamento e dalla pulizia del codice implementato sul sito. Da un lato, questo ci dice che un’implementazione intelligente può voler dire avere un sito web più veloce. D’altra parte, questo ci mette in guardia su come la ridondanza e l’uso di codici senza una strategia può avere effetti negativi sulla nostra esperienza utente, la nostra classifica, le nostre prestazioni, e, soprattutto, le nostre conversioni.
