Html5-boilerplate: O Google gtag.js agora é recomendado em vez de analytics.js

Relate o que você encontrar. (além de atualizar os documentos) Estou há tantos anos afastado do trabalho em sites (vs. aplicativos da web super-secretos doubleplus extravagantes) que não tenho mais nenhuma pista sobre essas coisas.

Onde nós pousamos com isso?

@coliff

Na verdade, anonymize_ip é aplicável ao snippet de código gtag.js.

instalação gtag.js:
https://developers.google.com/analytics/devguides/collection/gtagjs/

Anonimização de IP com gtag.js:
https://developers.google.com/analytics/devguides/collection/gtagjs/ip-anonymization

Exemplo:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'GA_TRACKING_ID', { 'anonymize_ip': true });
</script>

Oi @Malvoz - sim, tenho certeza de que muitos dos scripts de snippet de rastreamento que temos para analytics.js (endereços IP anônimos, rastrear solicitações AJAX do jQuery, rastrear erros de JavaScript e rastrear a rolagem da página) também estão disponíveis para uso de uma forma ou de outra para gtag.js, mas a implementação é diferente... então com gtag seria:
gtag('config', 'GA_TRACKING_ID', { 'anonymize_ip': true });
mas para analytics.js seria:
ga('create', 'UA-XXXXX-X', 'auto'); ga('set', 'anonymizeIp', true);

Os scripts para rastrear links de saída também são diferentes e o script 'rastrear erros de javascript' que temos (https://github.com/h5bp/html5-boilerplate/blob/master/src/doc/extend.md#track-javascript- errors-in-google-analytics) não funciona com gtag.js, então precisaria ser reescrito.

No geral, descobri que, se o único script/serviço do Google que você precisa em seu site é o Google Analytics, é mais simples usar analytics.js e não se preocupar com gtag.js .

Portanto, para H5BP, precisamos atualizar nossos scripts de rastreamento para trabalhar com gtag.js ou adicionar uma observação de que eles são apenas para analytics.js . Eu sou a favor de adicionar a nota, pois não tenho os scripts de trabalho equivalentes para eles.

Acho este comentário de Philip Walton um argumento convincente para não mudar para gtag.js :

A outra coisa a estar ciente sobre gtag é que não é realmente uma substituição analytics.js , é uma biblioteca wrapper em cima de analytics.js (e outros), significando o gtag A biblioteca analytics.js e precisa converter todos os comandos gtag relevantes em comandos analytics.js e executá-los.

A partir de agora, gtag é 54,5K e analytics.js é 33,7K, e como gtag também carregará analytics.js , é 262% mais código por menos funcionalidade. Há também o problema de que gtag é específico do site (porque você adiciona seu ID de rastreamento como uma string de consulta), portanto, é improvável que seus usuários o armazenem em cache; Por outro lado analytics.js é usado em toda a web, portanto, é muito provável que já esteja no cache de seus visitantes quando eles carregarem seu site.

Portanto, por todos esses motivos, não pretendo mudar para gtag , pois isso acabará fazendo meu site demorar mais para carregar e consumir mais largura de banda do meu usuário.

Recentemente, me aprofundei um pouco para entender algumas das diferenças entre analytics.js e gtag.js - uma pequena coisa que vale a pena considerar é que a gtag não é compatível com o formato de plug-in compatível com analytics.js, então vamos para isso pode quebrar alguns planos de implementação futuros, mas provavelmente bem para o clichê.

Finalmente consegui resolver isso com um PR. (#2118) - Obrigado pelo feedback @jcutrell e @TheDancingCode !
Além disso, estamos adicionando ga('set','transport','beacon'); ao snippet de análise padrão, o que melhora o desempenho.

Ao adicionar um novo site ao Google Analytics, o código de acompanhamento fornecido agora é gtag.js, que funciona de maneira um pouco diferente do analytics.js recomendado anteriormente.

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-X"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-XXXXXX-X');
</script>

O Google Universal Analytics (Analytics.js) ainda está disponível para os usuários, mas acho que precisamos esclarecer na documentação que os snippets de rastreamento úteis que temos atualmente no H5BP (Anonymize IP address, Track jQuery AJAX requests, Track JavaScript errors and Track page scroll ) são para analytics.js e não gtag.js.

Hoje estou trabalhando na migração de um site de analytics.js para gtag.js (seguindo este guia: https://developers.google.com/analytics/devguides/collection/gtagjs/migration) para ver se os snippets que temos pode ser atualizado para funcionar com gtag.js.

Se alguém tiver alguma opinião adicional sobre isso, por favor, entre em contato.

As seguintes extensões podem ser úteis

Extensão Magento 1 Gtag

Extensão Magento 2 Gtag

Eu usei ga por vários anos, hoje descobri que o código do google analytics recomendou mudar de ga para gtag. Estou muito confuso por que o google update ga para gtag, qual é o benefício?

@fbens , está adicionando todos os rastreamentos do Google usando um rastreamento, incluindo GA, AdWords, Remarketing, Optimizer etc. É usado para vários rastreamentos em vez de apenas GA. Espero que ajude