O Google me fornece um pedaço de javascript e diz para incluí-lo no <head>
.
Posso colocá-lo no final <body>
ou alguns efeitos colaterais ocorrerão se eu fizer isso?
O Google me fornece um pedaço de javascript e diz para incluí-lo no <head>
.
Posso colocá-lo no final <body>
ou alguns efeitos colaterais ocorrerão se eu fizer isso?
Respostas:
Colocá-lo no final da <head>
seção ajuda a garantir que suas métricas sejam rastreadas, mesmo quando um usuário não deixa o carregamento da página.
Eles costumavam dizer para você colocá-lo na parte inferior da página, antes de adicionar suporte para lidar com o carregamento parcial de páginas.
Diretamente do Google:
Uma das principais vantagens do snippet assíncrono é que você pode posicioná-lo na parte superior do documento HTML. Isso aumenta a probabilidade de o farol de rastreamento ser enviado antes que o usuário saia da página. É habitual colocar o código JavaScript na
<head>
seção e recomendamos colocar o snippet na parte inferior da seção para obter o melhor desempenho.
Consulte a Ajuda do Google Analytics : adicione o código de acompanhamento diretamente ao seu site
<head>
, a página vinculada agora diz "Adicione a tag logo após a abertura da tag <head> em cada página".
Você pode colocá-lo onde quiser. Eu sempre coloco o código de acompanhamento no final da página e nunca tive problemas.
Você pode colocá-lo em qualquer lugar que desejar na página e executá-lo em qualquer lugar na página, seja na cabeça ou no corpo. Mas, de acordo com o suporte do Google ( adicione o código de acompanhamento diretamente ao seu site ), é recomendável na tag head e cole-o imediatamente antes da </head>
tag de fechamento .
Parágrafo seguinte de um bom artigo explicando por que colocar código na tag head
A visualização de página é registrada somente após o carregamento desse código. Portanto, quanto mais cedo você carregar o código, mais cedo a Visualização de página será gravada. Digamos que você tenha uma grande página de blog, e é de carregamento lento, demorando de 10 a 20 segundos para carregar tudo. Se o seu Código do Google não iniciar até o final da página, ele poderá ser mantido, assim como o código não-assíncrono antigo usado para armazenar OUTRAS linhas de código. Só que agora ele está segurando o código de rastreamento. Se um visitante do seu site acessa a página e a deixa antes que o código de rastreamento seja acionado na Visualização de página, você o perde. Agora eles se tornam uma nova visita direta a qualquer página do site em que aterrissem. Isso pode fazer com que todos os tipos de dados no seu site estejam incorretos.
Adicionar o código a seguir (conhecido como "snippet de rastreamento do JavaScript") aos modelos do seu site é a maneira mais fácil de começar a usar o analytics.js.
O código deve ser adicionado próximo à parte superior da tag e antes de qualquer outro script ou CSS, e a string 'UA-XXXXX-Y' deve ser substituída pelo ID da propriedade (também chamado de "ID de rastreamento") do Google Analytics propriedade que você deseja rastrear.
<!-- 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 -->
O código acima faz quatro coisas principais:
Cria um elemento que inicia o download de forma assíncrona da biblioteca JavaScript analytics.js em https://www.google-analytics.com/analytics.js
Inicializa uma função ga global (chamada fila de comandos ga ()) que permite agendar comandos para serem executados assim que a biblioteca analytics.js estiver carregada e pronta para ser usada.
Adiciona um comando à fila de comandos ga () para criar um novo objeto rastreador para a propriedade especificada por meio do parâmetro 'UA-XXXXX-Y'.
Adiciona outro comando à fila de comandos ga () para enviar uma visualização de página ao Google Analytics para a página atual.
Array.push
função vinculada . A ga
"função" é inteiramente esse limite push
. Assim, as invocações imediatas podem ser otimizadas: em vez de construir um array vazio se não for encontrado ( []
), preenchê-lo com os "argumentos" matrizes para cada ga
chamada: [['create', 'UA-XXX', 'auto'], ['send', 'pageview']]
...
O código que você deve sempre ser adicionado próximo à parte superior da tag e antes de qualquer outro script ou CSS, e a string 'UA-XXXXX-Y'
deve ser substituída pela propriedade ID
(também chamada de "ID de rastreamento") da propriedade do Google Analytics que você deseja rastrear.