Как добавить gtag.js на свой сайт

Глобальный тег (gtag.js) – это фреймворк для добавления тегов JavaScript и API, с помощью которого можно передавать данные о событиях в AdWords, Google Analytics и DoubleClick. В этой статье описывается, как с помощью кода gtag.js подготовить сайт к отслеживанию в Google Analytics. Общую документацию (не связанную с конкретным сервисом) по gtag.js вы найдете в этом руководстве.

Как добавить глобальный тег отслеживания

Чтобы установить глобальный тег, скопируйте фрагмент кода ниже и разместите его сразу после тега <head> на каждой странице сайта. Замените GA_TRACKING_ID на идентификатор отслеживания ресурса Google Analytics, в который нужно отправлять данные. На каждую страницу достаточно добавить только один глобальный тег.

<!-- 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');
</script>

Этот фрагмент загружает gtag.js, задает GA_TRACKING_ID в качестве идентификатора ресурса Google Analytics по умолчанию и отправляет в Google Analytics данные о просмотре страницы.

Как отключить отслеживание просмотров страниц

По умолчанию этот фрагмент кода отправляет в Google Analytics данные о просмотре страницы. В большинстве случаев это оправданно. Отслеживание просмотров страниц начинается автоматически, как только вы добавляете фрагмент кода на каждую страницу. Но если вы не хотите, чтобы он передавал такие сведения, присвойте параметру send_page_view значение false:

gtag('config', 'GA_TRACKING_ID', { 'send_page_view': false });

Настройка дополнительных ресурсов Google Analytics

По умолчанию фрагмент кода настраивает один ресурс Google Analytics. Чтобы создать ещё один, с идентификатором GA_TRACKING_ID_2, добавьте дополнительную команду config:

gtag('config', 'GA_TRACKING_ID_2');