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?
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?
Risposte:
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
<head>
, la pagina collegata ora dice "Aggiungi il tag subito dopo il tag di apertura <head> su ogni pagina".
Puoi metterlo ovunque tu voglia. Ho sempre inserito il codice di monitoraggio alla fine della pagina e non ho mai avuto problemi.
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.
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:
Crea un elemento che avvia il download in modo asincrono della libreria JavaScript analytics.js da https://www.google-analytics.com/analytics.js
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.
Aggiunge un comando alla coda dei comandi ga () per creare un nuovo oggetto tracker per la proprietà specificata tramite il parametro "UA-XXXXX-Y".
Aggiunge un altro comando alla coda dei comandi ga () per inviare una visualizzazione di pagina a Google Analytics per la pagina corrente.
Array.push
funzione 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 ga
chiamata: [['create', 'UA-XXX', 'auto'], ['send', 'pageview']]
...
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.