Devo inserire il JS di Google Analytics in <head> o alla fine di <body>?


123

Google mi dà un pezzo di javascript e mi dice di includerlo nel file <head>.

Posso metterlo alla fine <body>o si verificheranno alcuni effetti collaterali se lo faccio?


3
Non dicono di metterlo prima del tag di chiusura </body>? O questo è cambiato?
Marko

Risposte:


155

Metterlo alla fine della <head>sezione aiuta a garantire che le tue metriche vengano tracciate anche quando un utente non lascia che la pagina termini il caricamento.

Ti dicevano di metterlo in fondo alla pagina, prima di aggiungere il supporto per la gestione del caricamento parziale delle pagine.

Direttamente da Google:

Uno dei principali vantaggi dello snippet asincrono è che puoi posizionarlo nella parte superiore del documento HTML. Ciò aumenta la probabilità che il beacon di tracciamento venga inviato prima che l'utente lasci la pagina. È consuetudine inserire il codice JavaScript nella <head>sezione e consigliamo di posizionare lo snippet nella parte inferiore della sezione per ottenere le migliori prestazioni.

Consulta la Guida di Google Analytics : aggiungi il codice di monitoraggio direttamente al tuo sito


8
Quindi va bene se lo metto in fondo? Preferisco che le mie pagine vengano caricate velocemente mettendo tutto in fondo (e css in alto per un corretto rendering) -edit- è grossolano mettere js lì sopra.

2
Sì, va bene farlo; In realtà ho un mix, ma per lo più sono migrato per metterlo in cima per i motivi menzionati.
Chris Arguin

6
Perché questo è un vantaggio? Mi sembra di non voler contare i caricamenti di pagine parziali perché tali utenti dicono essenzialmente di aver commesso un errore arrivando lì in primo luogo. Anche quando intendono essere lì, non voglio farli aspettare un millisecondo in più per vedere i miei contenuti.
Melinda Green

3
Un caricamento parziale della pagina potrebbe anche significare qualcosa per il proprietario del sito che devono correggere. Immagina che qualcuno entri nel tuo negozio, solo per rendersi conto che l'esterno li ha indotti ad entrare. Ti consigliamo di correggere la tua pubblicità per risolverlo.
Optimus

2
Un piccolo aggiornamento a questo: invece che alla fine di <head>, la pagina collegata ora dice "Aggiungi il tag subito dopo il tag di apertura <head> su ogni pagina".
Brandon

6

Puoi metterlo ovunque tu voglia. Ho sempre inserito il codice di monitoraggio alla fine della pagina e non ho mai avuto problemi.


2
Perché dovresti rilevare un utente che carica parzialmente la tua pagina e se ne va in pochi millisecondi?
João Pimentel Ferreira

@ JoãoPimentelFerreira perché è anche un'informazione preziosa, potresti voler misurare quale% di visualizzazioni era così
jangorecki

3

Puoi metterlo dove vuoi sulla pagina e verrà eseguito ovunque sulla pagina, sia nella testa che nel corpo. Ma secondo il supporto di Google ( Aggiungi il codice di monitoraggio direttamente al tuo sito ) è consigliabile nel tag head, incollalo immediatamente prima del </head>tag di chiusura .

Segue il paragrafo di un buon articolo che spiega perché inserire il codice nel tag head

La visualizzazione di pagina viene registrata solo dopo che il codice è stato caricato. Quindi, prima carichi il codice, prima viene registrata la visualizzazione di pagina. Supponiamo che tu abbia una grande pagina del blog e che si carichi lentamente, impiegando anche da 10 a 20 secondi per caricare tutto. Se il tuo codice Google non inizia fino alla fine della pagina, può rimanere bloccato, proprio come il vecchio codice non asincrono utilizzato per contenere ALTRE righe di codice. Tranne che ora sta bloccando il codice di monitoraggio. Se un visitatore del tuo sito visita la pagina e poi la abbandona prima che il codice di monitoraggio attivi la visualizzazione di pagina, perdi quel visitatore. Ora diventano una nuova visita diretta a qualunque pagina del sito in cui sono atterrati. Questo può rendere errati tutti i tipi di dati sul tuo sito.


0

In head, subito prima del tag di chiusura </ head>, non avrai problemi a verificare il tuo sito web in Strumenti per i Webmaster.


0

L'aggiunta del seguente codice (noto come "snippet di monitoraggio JavaScript") ai modelli del tuo sito è il modo più semplice per iniziare a utilizzare analytics.js.

Il codice deve essere aggiunto vicino alla parte superiore del tag e prima di qualsiasi altro script o tag CSS e la stringa "UA-XXXXX-Y" deve essere sostituita con l'ID proprietà (chiamato anche "ID monitoraggio") di Google Analytics proprietà che desideri monitorare.

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

Il codice sopra fa quattro cose principali:

  1. Crea un elemento che avvia il download in modo asincrono della libreria JavaScript analytics.js da https://www.google-analytics.com/analytics.js

  2. Inizializza una funzione ga globale (chiamata coda comandi ga ()) che consente di pianificare l'esecuzione dei comandi una volta che la libreria analytics.js è stata caricata e pronta per l'uso.

  3. Aggiunge un comando alla coda dei comandi ga () per creare un nuovo oggetto tracker per la proprietà specificata tramite il parametro "UA-XXXXX-Y".

  4. Aggiunge un altro comando alla coda dei comandi ga () per inviare una visualizzazione di pagina a Google Analytics per la pagina corrente.


Diamo uno sguardo un po 'più da vicino, perché chiamarlo una "coda di comando" gli sta dando troppo credito. Il codice uglified compatto accetta alcuni argomenti che utilizza per decomprimere alcune cose e acquisire un handle per una Array.pushfunzione associata . La ga"funzione" è interamente quella vincolata push. Pertanto, le invocazioni immediate possono essere ottimizzate: invece di costruire un array vuoto se non trovato ( []), popolarlo con gli array "argomenti" per ogni gachiamata: [['create', 'UA-XXX', 'auto'], ['send', 'pageview']]...
amcgregor

-3

Il codice deve essere sempre aggiunto vicino alla parte superiore del tag e prima di qualsiasi altro script o tag CSS e la stringa 'UA-XXXXX-Y'deve essere sostituita con la proprietà ID(chiamata anche "ID monitoraggio") della proprietà di Google Analytics che desideri monitorare.


2
Questo non risponde alla domanda. La domanda è chiedersi quali sono gli effetti collaterali del non fare come dici.
Peter Hall
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.