Html5-boilerplate: Google gtag.js теперь рекомендуется вместо analytics.js

Сообщите о том, что вы найдете. (в дополнение к обновлению документов) Я так много лет не работал над сайтами (по сравнению с супер-секретными двойными плюсами причудливых веб-приложений), что я больше не имею ни малейшего представления об этом.

Где мы приземлились с этим?

@колифф

На самом деле anonymize_ip применимо к фрагменту кода gtag.js.

Установка gtag.js:
https://developers.google.com/analytics/devguides/collection/gtagjs/

Анонимизация IP с gtag.js:
https://developers.google.com/analytics/devguides/collection/gtagjs/ip-анонимизация

Пример:

<!-- 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>

Привет, @Malvoz. Да, я уверен, что многие из скриптов фрагментов отслеживания, которые у нас есть для analytics.js (анонимизация IP-адресов, отслеживание запросов jQuery AJAX, отслеживание ошибок JavaScript и отслеживание прокрутки страницы), также доступны для использования в той или иной форме. для gtag.js, но реализация отличается... так что с gtag это будет:
gtag('config', 'GA_TRACKING_ID', { 'anonymize_ip': true });
но для analytics.js это будет:
ga('create', 'UA-XXXXX-X', 'auto'); ga('set', 'anonymizeIp', true);

Скрипты для отслеживания исходящих ссылок тоже разные и у нас есть скрипт "отслеживание ошибок javascript" (https://github.com/h5bp/html5-boilerplate/blob/master/src/doc/extend.md#track-javascript- error-in-google-analytics) не работает с gtag.js, поэтому его необходимо переписать.

В целом, я обнаружил, что если единственным скриптом/службой Google, который вам нужен на вашем сайте, является Google Analytics, то проще использовать analytics.js и не заморачиваться с gtag.js .

Поэтому для H5BP нам нужно либо обновить наши сценарии отслеживания, чтобы они работали с gtag.js , либо добавить примечание, что они предназначены только для analytics.js . Я поддерживаю добавление примечания, так как у меня нет эквивалентных рабочих сценариев для них.

Я считаю этот комментарий Филипа Уолтона убедительным аргументом в пользу того, чтобы не переходить на gtag.js :

Еще одна вещь, о которой следует знать о gtag , это то, что это не замена analytics.js , это библиотека-оболочка поверх analytics.js (и других), что означает gtag Библиотеке analytics.js , а также преобразовать все соответствующие команды gtag в команды analytics.js и запустить их.

На данный момент gtag составляет 54,5 КБ, а analytics.js — 33,7 КБ, а поскольку gtag также будет загружать analytics.js , это на 262 % больше кода за меньшие деньги. функциональность. Также существует проблема, заключающаяся в том, что gtag зависит от сайта (поскольку вы добавляете свой идентификатор отслеживания в виде строки запроса), поэтому маловероятно, что ваши пользователи будут кэшировать его; С другой стороны, analytics.js используется во всем Интернете, поэтому, скорее всего, он уже находится в кеше ваших посетителей, когда они загружают ваш сайт.

Итак, по всем этим причинам я не планирую переходить на gtag , так как в конечном итоге это приведет к тому, что мой сайт будет загружаться дольше и потреблять больше пропускной способности моего пользователя.

Недавно я немного углубился, чтобы понять некоторые различия между analytics.js и gtag.js. Одна небольшая вещь, которую стоит учитывать, заключается в том, что gtag не поддерживает формат плагина, который поддерживает analytics.js, поэтому переходим к этому. может нарушить некоторые будущие планы реализации, но, вероятно, подойдет для шаблона.

Наконец-то дошли руки до решения этой проблемы с помощью PR. (#2118) - Спасибо за отзыв @jcutrell и @TheDancingCode !
Кроме того, мы добавляем ga('set','transport','beacon'); во фрагмент аналитики по умолчанию, что повышает производительность.

При добавлении нового сайта в Google Analytics в качестве кода отслеживания теперь используется gtag.js, который работает немного иначе, чем ранее рекомендованный analytics.js.

<!-- 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>

Google Universal Analytics (Analytics.js) по-прежнему доступен для пользователей, но я думаю, нам нужно уточнить в документации, что полезные фрагменты отслеживания, которые у нас есть в настоящее время в H5BP (анонимизация IP-адресов, отслеживание запросов jQuery AJAX, отслеживание ошибок JavaScript и отслеживание прокрутки страницы ) предназначены для analytics.js, а не для gtag.js.

Сегодня я работаю над переносом сайта с analytics.js на gtag.js (следуя этому руководству: https://developers.google.com/analytics/devguides/collection/gtagjs/migration). можно обновить для работы с gtag.js.

Если у кого-то есть дополнительные мысли по этому поводу, пишите.

Следующие расширения могут быть полезны

Расширение Gtag для Magento 1

Расширение Gtag для Magento 2

Я использовал ga в течение нескольких лет, сегодня я обнаружил, что рекомендация кода Google Analytics изменилась с ga на gtag. Я очень смущен, почему Google обновляет ga до gtag, в чем польза?

@fbens добавляет все отслеживание Google с использованием одного отслеживания, включая GA, AdWords, ремаркетинг, оптимизатор и т. д. Он используется для нескольких отслеживаний, а не только GA. Надеюсь, поможет