Как найти код analytics на сайте

Трекинг-код Google Analytics – это фрагмент кода JavaScript, который собирает и отправляет данные об уникальных посещениях страницы в Google Analytics.

Чтобы активировать его работу, нужно вставить в шаблон страницы сайта часть кода перед закрывающим тегом </head> и заменить UA-XXXXX-X на ID.

Где брать этот код?

При создании ресурса в Google Analytics для сайта, который нужно отслеживать, в дополнительных параметрах вы сможете выбрать версию Google Analytics – предыдущую (Universal Analytics), новую (Google Analytics 4) или обе сразу.

Установка кода Google Analytics – дополнительные параметры ресурса Аналитики

Установка кода Google Analytics – выбор версии Аналитики для ресурса

Во всех случаях автоматически создаются уникальный идентификатор отслеживания и глобальный тег, содержащий этот идентификатор. Для существующего ресурса ищите его в пункте «Отслеживание».

Установка кода Google Analytics – глобальный тег и уникальный идентификатор

Отличие в том, что для Universal Analytics идентификатор начинается с UA, для GA 4 – с G.

Теперь нужно установить глобальный тег на страницы сайта.

Где на странице размещать код Google Analytics

Конечно, код отслеживания выполняет функцию в любой части страницы. Другой вопрос – насколько хорошо он это делает.

Как и другие асинхронные коды, этот следует помещать в верхней части тега <head>, перед любым другим скриптом и тегами CSS. Так скрипт загружается один раз, затем сохраняется в кэше (сохраняется на компьютер, и не нужно загружать его повторно), что ускоряет процесс.

Есть два исключения, когда размещать код в «голове» страниц не нужно.

1) Пользовательские переменные отслеживания

Они всегда на странице в режиме ожидания очередного просмотра или другого события.

Пользовательскую переменную можно установить в «голове» документа, и она активируется до того, как Google отправит код HTML. Но если разработчики построили страницу иначе и вы не хотите ничего менять, можно создать пользовательскую переменную где угодно. Удалите эту строку из асинхронного кода:

Установка кода Google Analytics — настройка пользовательских переменных для отслеживания в analytics.js

Вставьте её на любую страницу после того, как установили переменные. Так код не прерывает загрузку, и вы можете отслеживать пользовательские переменные в любом блоке страницы.

Да, это может снизить точность данных, если посетитель уходит сразу после загрузки страницы.

2) Отслеживание событий

Второе исключение – функция «Отслеживание событий». Когда происходит событие, сигнал идет к переменной отслеживания. Как учесть «быстрых» посетителей:

Установка кода Google Analytics — настройка отслеживания событий

  • Создаем переменную, устанавливаем в ключевом пространстве 1 (из 5). Называем её «Статус». Устанавливаем значение «Logged In» – оно не изменится, пока не произойдет нужное событие.
  • Создаем событие, относим его к группе «Пользовательские» и определяем действие – «Загрузка страницы».

Варианта два: событие произошло и событие не произошло.

Для первого присваиваем ярлык, например 0 (может быть любое другое значение, удобное для вас). Также устанавливаем значение для второго варианта (событие не произошло).

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

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

Установка кода Google Analytics — проверка библиотеки Google Analytics, установленной на сайте

Либо вызовите консоль разработчика и на вкладке «Сеть (Network)» посмотрите подгружаемые скрипты .js.

Установка кода Google Analytics — подгружаемые скрипты в консоли разработчика

Код ga.js на данный момент устарел, использовать его не рекомендуется.

Актуальны коды analytics.js и gtag.js. Если вы используете gtag, отдельно код Universal Analytics (analytics.js) устанавливать не нужно – просто устанавливаете глобальный тег. Дополнительные изменения вносить в код не нужно.

Как работает код analytics.js

Стандартный фрагмент кода выглядит так:

Установка кода Google Analytics — стандартный код analytics.js

Его основные задачи следующие:

  • Создает элемент <script>, который инициирует асинхронную загрузку библиотеки analytics.js со страницы https://www.google-analytics.com/analytics.js;
  • Инициирует глобальную функцию ga (или очередь команд ga()), которая позволяет запланировать выполнение команд после полной загрузки и готовности библиотеки analytics.js;
  • Добавляет в очередь команд ga() команду создания нового счетчика для ресурса, который указан в параметре ‘UA-XXXXX-Y’;
  • Добавляет в очередь команд ga() команду отправить в Google Analytics обращение типа pageview для текущей страницы.

Для передачи событий нужно добавить конструкцию:

Установка кода Google Analytics — передача событий в analytics.js

Загружается и выполняется этот код асинхронно на всех браузерах. Однако современные браузеры не поддерживают его предварительную загрузку. На этот случай есть альтернативный асинхронный код:

Установка кода Google Analytics — альтернативный асинхронный код analytics.js

Обратите внимание, в Internet Explorer 9 и старых мобильных браузерах, которые не распознают атрибут async, скрипт может загружаться синхронно. Поэтому учитывайте особенности вашей аудитории.

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

Какие данные получает код отслеживания

При каждом посещении страниц сайта в Google Analytics отправляется обращение категории pageview. Благодаря этому можно узнать, например:

  • Как долго пользователь был на сайте;
  • Сколько времени он находился на каждой странице и в каком порядке их посещал;
  • Какие ссылки нажимал (в соответствии с URL следующего обращения типа pageview).

Скрипт анализирует первоначальную страницу, IP-адрес и агента, что позволяет также определять такие параметры посетителя, как:

  • Географическое положение;
  • Браузер и ОС;
  • Размер экрана и наличие Flash или Java;
  • Источник перехода.

Чтобы получать информацию о дополнительных взаимодействиях, может потребоваться изменить последние две строки фрагмента отслеживания JavaScript (команды create и send) или добавить код.

Не модифицируйте код, который загружает библиотеку analytics.js или инициирует функцию очереди команд ga().

Если вы хотите отслеживать электронную торговлю, для неё есть специальный код. Он учитывает специфику e-commerce, установите его отдельно.

Установка кода Google Analytics — код для отслеживания электронной торговли в analytics.js

Причем для использования электронной торговли необходимо в коде подключить дополнительный плагин:

Установка кода Google Analytics — плагин электронной торговли в analytics.js

Как работает код gtag.js

Функция Global Site Tag доступна с октября 2017 года.

В чем разница gtag и analytics.js?

Если для analytics.js нужно добавлять по отдельности фрагменты кода всех продуктов Google – для отслеживания конверсий, ремаркетинга, электронной коммерции и т.д., – здесь появляется единый тег, который отправляет данные во все маркетинговые и аналитические инструменты Google.

Достаточно создать счетчик Google Analytics 4 и установить глобальный тег на сайт.

Так гораздо проще совмещать разные теги в коде и подключать продукты. Например, чтобы не дублировать полностью два кода Google Аналитики, можно добавить одну строку:

Установка кода Google Analytics — создание двух кодов Google Analytics

При создании нового счетчика код gtag.js выглядит так:

Установка кода Google Analytics — код gtag.js

config – это команда, которая подтягивает соответствующую библиотеку для выбранного продукта, например analytics.js для Google Analytics или conversion.js для Google Рекламы.

Для передачи событий в gtag.js используйте следующую конструкцию:

Установка кода Google Analytics — конструкция для передачи событий в gtag.js

  • <action> – это строка, которая указывается в отчетах Google Analytics как действие по событию;
  • <category> – категория события;
  • <label> – ярлык события;
  • <value> – ценность события, выраженная целым неотрицательным числом.

Пример для события «Покупка» (purchase) в электронной торговле:

Установка кода Google Analytics — передача события «Покупка» для электронной торговли

Стоит один раз его установить – и можно использовать все новые фишки Google Аналитики без подключения новых скриптов. К тому же у вас всегда будут обновленные скрипты сервисов Google.

Также смотрите, чем удобен Global Site Tag при настройке целей.

  1. Начало работы: аккаунт Google Analytics
  2. Настройки ресурса
  3. Установка кода Google Analytics
    1. Установка скрипта gtag.js
      1. Настройка показателя отказов Google Analytics
    2. Установка Google Tag Manager
      1. Создание аккаунта Google Tag Manager
      2. Настройка и публикация контейнера GTM
  4. Настройки представления Google Analytics
    1. Представление «Все данные по веб-сайту»
    2. Представление «Тестовое»
    3. Представление «Главное»
  5. Настройка фильтров в Google Analytics
    1. Фильтр на корпоративный трафик
    2. Фильтр для поддоменов
    3. Фильтр для полных URL страниц сайта (с доменом)
    4. Фильтр Полный источник перехода
    5. Фильтры для поискового трафика Яндекса и других источников
  6. Предоставление доступов
    1. Доступы Google Analytics
    2. Предоставление доступа к Google Tag Manager
  7. Дополнительные настройки
    1. Настройки сеанса
    2. Хранение данных

Для этого нужно поставить на сайт код отслеживания, который передает данные обо всех действиях пользователя и относящихся к нему данных (например, тип устройства или операционной системы) на сервер Google, там данные обрабатываются и поступают в Google Analytics. Обработанные данные уже не изменить, поэтому очень важно правильно выполнить настройку Аналитики. Как установить код и настроить Google Analytics, расскажем шаг за шагом в этой статье.

Заходим на сайт сервиса и авторизуемся: вход в аккаунт Google Analytics по ссылке https://analytics.google.com. Для работы с Google Analytics можно использовать почту на google.com или любом другом домене — в любом случае при первой авторизации появится возможность создать аккаунт Google, если его еще нет. Эту учетную запись можно использовать в любых сервисах Google.

При первом входе вам будет предложено авторизоваться и создать счетчик Google Analytics.

Регистрация в Google Analytics

Регистрация в Google Analytics

На одной учетной записи Google может находиться до 100 аккаунтов Google Analytics. Аккаунт помогает систематизировать и организовать данные, поступающие в аналитику с ресурсов: сайтов, мобильных приложений, цифровых устройств (например, кассовых терминалов). Крупному бизнесу может понадобиться несколько аккаунтов для разных проектов или подразделений, но обычным компаниям достаточно одного.

Перед тем как приступить к настройке и размещению кода Аналитики на сайте, продумайте структуру своего аккаунта.

Аккаунт Google Analytics — это верхний уровень иерархии доступа. В одном аккаунте находится, минимум, один ресурс, который собирает данные с помощью кода отслеживания. Каждому ресурсу соответствует по крайней мере одно представление данных.

Структура аккаунта Google Analytics

Структура аккаунта Google Analytics

На каждом аккаунте можно создать до 50 ресурсов. Ресурсу соответствует свой собственный код отслеживания — именно он будет передавать данные в систему аналитики. Таким образом, на едином аккаунте можно собирать данные со всех своих сайтов независимо друг от друга. В качестве ресурсов для отслеживания можно выделить отдельные бренды или разные регионы. Но минус такого подхода в том, что эти данные нельзя будет просматривать в отчетах одновременно. Если вы хотите обрабатывать статистику по всем направлениям в совокупности, то вам нужен один ресурс с одним кодом отслеживания.

Представления ресурсов — максимум 25 для одного — служат для организации показа отслеживаемых данных. О настройке представлений мы расскажем тут.

Авторизовавшись в сервисе Google Analytics, на следующем шаге вводим название для аккаунта, тип отслеживаемых данных и создаем первый ресурс.

Создание аккаунта GA

Создание аккаунта GA
Выбор отслеживаемых данных
Выбор отслеживаемых данных
Настройка первого ресурса Аналитики
Настройка первого ресурса Аналитики

При начальной настройке ресурса обязательными полями являются Название сайта (для удобства используйте название домена) и URL сайта (если сайт работает на HTTPS-протоколе, укажите его в настройках). Заполните Отрасль и Отчетный часовой пояс, чтобы получать корректные данные в отчетах Google Analytics.

Принимаем все соглашения об обработке данных и соглашаемся на условия Google.

Соглашение на обработку данных Google Marketing Platform

Соглашение на обработку данных Google Marketing Platform

Готово! Первые аккаунт и ресурс созданы.

Настройки ресурса

Сразу после создания аккаунта, попадаем на вкладку Администратор. Здесь указаны идентификатор отслеживания в формате
UA-ххххх(id аккаунта)-x(номер ресурса на аккаунте)
и собственно код скрипта для отслеживания gtag.js.

Код счетчика Аналитики можно найти в настройках ресурса на вкладке Отслеживание

Код счетчика Аналитики можно найти в настройках ресурса на вкладке Отслеживание

Чтобы найти, где находится код счетчика Гугл Аналитикс, необходимо зайти в панель Администратор — Ресурс — Отслеживание — Код отслеживания.

Но перед размещением кода отслеживания на сайте, сначала сделаем еще несколько настроек ресурса.

В Настройках ресурса включаем демографические отчеты и улучшенную атрибуцию ссылок для более полных данных в отчетах.

Расширенные настройки ресурса позволяют получать более точные и полные данные в отчетах

Расширенные настройки ресурса позволяют получать более точные и полные данные в отчетах

На вкладке Сбор данных активируем функции для рекламодателей:

Функции для рекламодателей позволяют более точно таргетировать рекламные кампании

Функции для рекламодателей позволяют более точно таргетировать рекламные кампании

Ремаркетинг включает сбор данных для составления списков ремаркетинга.

Функции отчетов по рекламе делают доступной в Google Analytics группу специальных отчетов по аудитории, демографии, категориям интересов пользователей.

Можно активировать Google Signals (на текущий момент в бета-тесте) — функция осуществляет сбор данных о взаимодействиях на нескольких устройствах. В случае ее активации она заменит Ремаркетинг и Функции отчетов по рекламе в настройках сбора данных.

Включение Google Signals в настройках

Включение Google Signals в настройках

Если вы пользуетесь Search Console, то также на вкладке Администратор привяжите основное зеркало сайта к Google Analytics (Связь с другими продуктами — Все продукты — Search Console), чтобы видеть в отчетах более полные данные по поисковым запросам пользователей.

Настройка связи ресурса с сайтом из Search Console

Настройка связи ресурса с сайтом из Search Console

Установка кода Google Analytics

В Google Analytics есть 2 распространенных способа установки кода отслеживания на сайт:

  1. Добавление скрипта отслеживания непосредственно в код сайта.
  2. Установка Google Analytics через Google Tag Manager (диспетчер тегов).

Установка скрипта gtag.js

Первый способ — это привычная установка кода Гугл Аналитики в шаблоны сайта.

Находим код Analytics, который нужно добавить, на вкладке Администратор.

Код отслеживания GA можно найти на вкладке Ресурс

Код отслеживания GA можно найти на вкладке Ресурс

Размещаем код отслеживания в секцию HEAD каждой страницы:

Если на какой-то странице нет кода отслеживания, то она не будет учитываться в качестве страницы ресурса

Если на какой-то странице нет кода отслеживания, то она не будет учитываться в качестве страницы ресурса

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

Настройка показателя отказов Google Analytics

Если за сеанс была просмотрена только одна страница, на которой пользователь нашел нужную информацию и ознакомился с ней, а после этого закрыл сайт, то по умолчанию в это посещение будет зафиксирован отказ. В Яндексе же отказом считается визит, который продлился меньше 15 секунд, и это более точная оценка действий пользователя с точки зрения конверсии.

Отказ Google Analytics — сеанс с посещением только одной страницы, во время которого не было зафиксировано ни одного события. Длительность этого посещения не имеет значения.

Чтобы видеть в отчетах Гугл Аналитики такой же точный показатель отказов, необходимо внести дополнение в стандартный код отслеживания, добавив в скрипт строку:

setTimeout(function(){
gtag('event', location.pathname, {
'event_category': 'New Visitor'
});
}, 15000);

Код Google Analytics будет выглядеть так:

Код Гугл Аналитикс со строкой точного показателя отказов

Код Гугл Аналитикс со строкой точного показателя отказов

Установка Google Tag Manager

Второй способ — передача кода отслеживания при помощи Google Tag Manager. Диспетчер тегов от Google упрощает использование и настройку кодов Аналитики и сторонних служб.

Если вы используете (или планируете использовать) несколько систем статистики, call-tracking, онлайн-чаты, пиксели социальных сетей и другие сервисы, то рекомендуем выбрать именно способ GTM.

Плюсы GTM

1. Работа с любыми сервисами и установка скриптов отслеживания на сайт без необходимости вмешательства в код — физически на сайте код устанавливается только один раз, это код вызова Google Tag Manager. Настройку отслеживания, создание новых целей и добавление новых тегов может производить непосредственно маркетолог без помощи программиста.

2. Система хранения версий позволяет откатывать контейнер к нужным настройкам, отслеживать историю изменений и их авторство.

3. Можно производить отладку в тестовом режиме.

Минусы GTM

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

Создание аккаунта Google Tag Manager

Для использования Google Tag Manager необходимо разместить на всех страницах сайта скрипт вызова контейнера GTM.

Авторизуемся в сервисе Гугл Тег Менеджер — лучше сделать это с помощью того же аккаунта Google, что вы использовали для входа в Analytics, тогда все сервисы будут на одной учетной записи. Нажимаем кнопку Создать Аккаунт.

Добавление нового аккаунта в Google Tag Manager

Добавление нового аккаунта в Google Tag Manager

Заполняем поля для создания первых аккаунта и контейнера: название аккаунта (компании), страна, название контейнера (домен сайта) и целевая платформа. Существует несколько типов контейнеров, в зависимости от того, где мы планируем его установить — выбираем тип Веб-сайт.

В одном аккаунте может быть несколько контейнеров. Если у компании несколько разных по структуре сайтов или нужно отслеживать сайт и мобильное приложение отдельно, то понадобится создать свой контейнер для каждого ресурса.

Структура аккаунта GTM

Структура аккаунта GTM

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

Также можно создать дополнительные аккаунты, но как правило, для одной компании достаточно одного аккаунта.

После создания контейнера становится доступен код отслеживания Google Tag Manager, который надо разместить на сайт в секциях HEAD и BODY.

Код диспетчера тегов состоит из 2х фрагментов

Код диспетчера тегов состоит из 2х фрагментов

Настройка и публикация контейнера GTM

Просто разместить код GTM недостаточно, необходимо провести настройку контейнера, чтобы он собирал данные о посещениях.

В контейнер входят:

  • теги, необходимые для отслеживания событий;
  • триггеры, которые служат для активации тегов при выполнении заданных условий;
  • переменные, используемые для автоматизации настройки тегов.

Создадим первый тег, который будет передавать данные о сеансах в аналитику. Для этого в рабочей области выбираем Добавить новый тег.

Создание нового тега в Google Tag Manager

Создание нового тега в Google Tag Manager
Приступаем к настройке конфигурации

Для стандартного сайта выбираем тип тега — Universal Analytics, в открывшемся окне указываем Тип отслеживания — Просмотр страницы.

Настройка конфигурации тега

Настройка конфигурации тега

Чтобы связать тег с кодом отслеживания Аналитики, создадим переменную и назовем ее Идентификатор Google Analytics (название, конечно же, не обязательно должно быть таким) — в переменной будет храниться номер ресурса Аналитики в формате UA-XXXXX-X.

Идентификатор также можно задать вручную, включив переопределение настроек в самом теге. Но если вы планируете использовать много тегов, связанных с кодом Аналитики, гораздо удобнее будет настраивать их через переменную.

Создание переменной в диспетчере тегов

Создание переменной в диспетчере тегов

После этого даем название тегу — например, Google Аналитика — и указываем триггер активации Все страницы. Это означает, что тег будет срабатывать при просмотре всех страниц сайта. Сохраняем тег.

Добавление тега Universal Analytics в Google Tag Manager

Добавление тега Universal Analytics в Google Tag Manager
Настроим показатель отказов

Как и в случае со скриптом gtag.js с помощью Tag Manager можно настроить точный показатель отказов для получения корректной статистики.

Для этого создадим тег, которое будет отправлять данные о событии в Аналитику, спустя 15 секунд от начала посещения страницы. Добавляем новый тег по аналогии с предыдущим тегом и назовем его, например, Google Аналитика 15 сек. Но настройку начнем с создания триггера.

Создание триггера

Создание триггера

Выбираем тип триггера Таймер. Указываем в настройках интервал 15 000 миллисекунд (т.е. 15 секунд).

Добавляем ограничение на число срабатываний — триггер должен отправлять событие только 1 раз за посещение страницы.

В условиях указываем Page URL соответствует регулярному выражению — .* и оставляем настройку Все таймеры. Таким образом, наш таймер будет срабатывать на всех страницах сайта.

Сохраняем созданный триггер.

Триггер-таймер

Триггер-таймер

После этого вернемся к настройкам конфигурации тега Google Аналитика 15 сек.

Тип тега стандартная Google Аналитика, в настройках та же переменная {{Идентификатор Google Analytics}}.

Меняем Тип отслеживания на Событие и настраиваем компоненты этого события Категория и Действие, назовем их Более 15 секунд. Данные по ним можно будет увидеть в отчетах Гугл Аналитикс.

Триггер для его активации тега уже выбран.

Сохраняем конфигурацию.

Настройка точного показателя отказов в Google Analytics

Настройка точного показателя отказов в Google Analytics
Отладка и публикация контейнера

Проверить правильно ли вы выполнили настройку можно в режиме предварительного просмотра. Активируйте его в верхней части рабочей области.

Включение режима предварительного просмотра

Включение режима предварительного просмотра

Теперь при посещении сайта в этом же браузере будет появляться панель, где отобразятся 2 созданных тега. Google Аналитика сразу, а Google Аналитика 15 сек — спустя 15 секунд. Чтобы панель Тег менеджера перестала появляться, выйдите из режима предварительного просмотра.

Панель отладки Tag Manager в браузере

Панель отладки Tag Manager в браузере

Контейнер нужно опубликовать, тогда все выполненные настройки активизируются и можно будет увидеть зафиксированные данные в Аналитике.

Публикация или сохранение настроек контейнера

Публикация или сохранение настроек контейнера

Придумайте понятное название для версии и добавьте описания для себя и разработчиков. Это не обязательно, т.к. история изменений версий сохранится в любом случае, но может быть полезно, когда над сайтом работает несколько человек.

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

История версий вместе с датами и авторами доступна на вкладке Версии.

Список всех версий настроек контейнера

Список всех версий настроек контейнера
Переносим код Яндекс.Метрики в Tag Manager.

Как мы уже говорили, одним из важных плюсов использования Тег Менеджера, является возможность подключения сторонних скриптов. Учитывая особенности работы сервисов, уточняйте детали интеграции в каждом отдельном случае.

Если маркетологу понадобится добавить на сайт любой виджет или код отслеживания, достаточно создать новый тег и опубликовать изменения. 

Рассмотрим добавление кода счетчика на примере Яндекс.Метрики. Создаем новый тег с типом Пользовательский HTML и выбираем триггер активации Все страницы, как и в случае с Аналитикой.

Конфигурация тега  Пользовательский HTML

Конфигурация тега Пользовательский HTML

Скопируйте актуальный код счетчика из настроек Метрики и вставьте его полностью в поле HTML. Сохраните тег.

Переносим код счетчика Метрики в поле HTML тега

Переносим код счетчика Метрики в поле HTML тега

После добавления нового тега надо опубликовать контейнер еще раз, применив настройки к текущей версии или создав новую. Не забудьте проверить счетчик в интерфейсе Метрики.

Проверка работоспособности счетчика Яндекс.Метрики

Проверка работоспособности счетчика Яндекс.Метрики

Настройки представления Google Analytics

Настало время настроить необходимые представления для того, чтобы перейти к работе с отчетами Аналитики. О структуре аккаунта Google Analytics мы говорили и в начале статьи, отчеты строятся именно на уровне представлений. Поэтому чтобы обеспечить корректный сбор и полноту данных, надо отнестись к настройке представлений со всей внимательностью.

Мы рекомендуем создать 3 обязательных представления на начальном этапе.

Представление «Все данные по веб-сайту»

Первое представление создается по умолчанию при создании ресурса. Оставьте его в исходном виде и не применяйте к нему никаких фильтров. В этом представлении будут храниться данные обо всех визитах в полном объеме.

Проверьте настройки часового пояса, валюты, задайте свое название для представления при необходимости. Если вы снимете галочку Фильтрация роботов, то в представление будут попадать и данные о визитах роботов и краулеров, что может быть интересно для аналитики.

Настройка представления Google Analytics

Настройка представления Google Analytics

Представление «Тестовое»

Его используют для проверки настроек, фильтров и т.д. — для того, чтобы убедиться в их корректности. Данные, попавшие в представление, уже невозможно изменить. Поэтому чтобы не портить основную статистику Гугл Аналитикс, важно внедрять все изменения сначала в тестовом представлении и только после того, как вы убедитесь, что все работает верно, можно переносить настройки в основное представление.

Нажмите кнопку Создать представление, для этого есть несколько возможностей.

Создание нового представления из панели Администратор

Создание нового представления из панели Администратор
Создание нового представления из вкладки настроек
Создание нового представления из вкладки настроек

Заполните поля при создании нового представления.

Настройка нового представления

Настройка нового представления

Если у вас на сайте есть поиск, то включите его отслеживание уже в тестовом представлении.

В поле Параметр запроса укажите название поискового параметра своего сайта

В поле Параметр запроса укажите название поискового параметра своего сайта

Здесь и в других представлениях галочка «Исключить обращения роботов и „пауков“» должна стоять уже обязательно.

Представление «Главное»

Его мы будем использовать для создания отчетов, анализа эффективности маркетинговых кампаний и т.д. Таким образом это будет основное представление.

Выберите Копировать представление, находясь в настройках Тестового — это еще один способ создать представление.

Представление можно скопировать вместе с его настройками

Представление можно скопировать вместе с его настройками

Задайте новому представлению другое название и сохраните.

Задайте другое название представлению-копии

Задайте другое название представлению-копии

Сейчас настройки Главного и Тестового полностью идентичны, а значит и данные в них тоже. Но по мере более глубокого погружения в возможности Аналитики и с внедрением различных фильтров вы увидите, как данные в отчетах этих представлений станут различаться.

Настройка фильтров в Google Analytics

Фильтр в Аналитике — это способ настраивать и менять входящие данные под свои задачи, возможность получать более наглядные отчеты за счет специфичных настроек.

Фильтры применяются для входящих данных ДО их обработки, поэтому очень важно настроить фильтры правильно — уже измененные на входе данные откатить к изначальному виду невозможно.

Приведем несколько обязательных фильтров, которые должны быть настроены.

Создание и отладку фильтров всегда производим сначала в тестовом представлении, затем переносим в Главное. Чтобы фильтры Google Analytics начали работать, требуется некоторое время после их активации.

Фильтр на корпоративный трафик

Фильтр бывает двух видов: встроенный и пользовательский. Встроенный фильтр Аналитики позволяет легко исключить (или включить) определенный тип трафика. Самое популярное его применение — исключение внутреннего трафика компании.

Чтобы визиты сотрудников не размывали данные отчетов, исключаем трафик внутренней сети из представления (подходит только для статических адресов). Для этого переходим в Тестовое представление и задаем настройки:

Тип фильтра: Встроенный
Исключить > трафик с IP-адресов > идентичные
IP-адрес: IP адрес вашей корпоративной сети (узнать свой IP можно, например, с помощью Интернетометра Яндекса)

Название задавайте любое понятное, например, Внутренний трафик [ip-адрес].

Настройка фильтра по IP-адресам

Настройка фильтра по IP-адресам

Теперь Гугл Аналитика будет проверять IP-адрес посетителя сайта, и если он совпадает с указанным в настройках фильтра, исключать данные о его сеансах из отчетов представления.

Фильтр для поддоменов

По умолчанию Аналитика собирает данные со всех поддоменов сразу. Если на вашем сайте есть поддомены, то их трафик можно для удобства вынести в отдельные представления. Для этого создаем еще один фильтр:

Тип фильтра: Встроенный
Включить только > трафик на хост > идентичные
Имя хоста: ваш поддомен без протокола (хост)

Настройка фильтрации трафика по поддомену

Настройка фильтрации трафика по поддомену

Фильтр для полных URL страниц сайта (с доменом)

Теперь перейдем к пользовательским фильтрам. Все URL-адреса попадают в Аналитику в относительном виде: и источники перехода, и вашего сайта. А нам, конечно же, хочется видеть еще и адреса доменов. Для этого настраиваем пользовательские фильтры.

Создаем новый фильтр с настройками:

Тип фильтра: Пользовательский фильтр > Расширенный
Поле A: Имя хоста
Извлечь A: (.*)
Поле B: URI запроса
Извлечь B: (.*)
Вывод в: URI запроса
Конструктор: $A1$B1
Поле А обязательно для заполнения
Перезаписать поле вывода

Настройка фильтра для полных адресов доменов в отчетах

Настройка фильтра для полных адресов доменов в отчетах

Теперь во всех отчетах (например, Поведение > Контент сайта) будут отображаться полные внутренние адреса с хостом, в том числе поддомены.

Отчет Аналитики до применения фильтра

Отчет Аналитики до применения фильтра
Отчет с наложенным фильтром
Отчет с наложенным фильтром

Фильтр Полный источник перехода

Этот фильтр поможет лучше отслеживать переходы с других сайтов, позволив увидеть полные адреса страниц в пути перехода.

Создаем новый фильтр с настройками:

Тип фильтра: Пользовательский фильтр > Расширенный
Поле A: Переход
Извлечь A: (.*)
Вывод в: Определено пользователем
Конструктор: $A1
Поле А обязательно для заполнения
Перезаписать поле вывода

Настройка фильтра Полный источник перехода

Настройка фильтра Полный источник перехода

В отчете по источнику перехода (Источники трафика > Весь трафик > Каналы), выбрав определенный источник и дополнительный параметр Пользовательское значение, теперь можно увидеть полный путь перехода.

Просмотр отчета с дополнительным параметром

Просмотр отчета с дополнительным параметром

Фильтры для поискового трафика Яндекса и других источников

К сожалению, у Google Analytics имеются определенные проблемы с корректным определением канала трафика. Это происходит из-за особенностей работы сайтов-источников. Например, Яндекс начал еще в 2017 году обрезать реферер сначала у переходов на мобильных устройствах, а после и на большинстве запросов с десктопов. Из-за этого Аналитика не может верно определить канал и трафик «раздваивается»:

Отчет группы Источники трафика

Отчет группы Источники трафика

Аналогичные проблемы есть у поисков Mail.ru, DuckDuckGo. Вконтакте и Facebook также часто попадают в реферальный трафик вместо социальных сетей.

Чтобы это исправить создадим собственные фильтры. Они будут применяться к данным с момента создания фильтров.

Яндекс

Создадим 2 фильтра.

Фильтр 1: перевод из yandex/referral в yandex.ru/organic.

Настройки фильтра по каналу

Настройки фильтра по каналу

Тип фильтра: Пользовательский фильтр > Расширенный
Поле A: Источник кампании
Извлечь A: ^yandex.ru$
Поле B: Канал кампании
Извлечь B: referral
Вывод в: Канал кампании
Конструктор: organic
Поле А обязательно для заполнения
Поле Б обязательно для заполнения
Перезаписать поле вывода

Фильтр 2: перевод из yandex.ru / organic в yandex / organic.

Настройки фильтра по источнику

Настройки фильтра по источнику

Тип фильтра: Пользовательский фильтр > Расширенный
Поле A: Источник кампании
Извлечь A: ^yandex.ru$
Поле B: Канал кампании
Извлечь B: organic
Вывод в: Источник кампании
Конструктор: yandex
Поле А обязательно для заполнения
Поле Б обязательно для заполнения
Перезаписать поле вывода

Mail.ru

По аналогии с Яндексом создаем фильтр, в результате применения которого трафик будет перемещен из реферального канала в органику.

Настройки фильтра для трафика с Mail.ru

Настройки фильтра для трафика с Mail.ru

Объединить весь трафик с mail.ru в одном канале можно также с помощью фильтра Найти и заменить.

Фильтр Найти и заменить

Фильтр Найти и заменить

Facebook и Вконтакте

Для соц.сетей достаточно создать фильтр, который заменит все префиксы на один источник.

Настройка фильтра для трафика с Facebook

Настройка фильтра для трафика с Facebook

Тип фильтра: Пользовательский фильтр > Найти и заменить
Поле фильтра: Источник кампании
Строка поиска: .*.facebook.com
Заменить строку: facebook.com

И аналогично для ВКонтакте.

Настройка фильтра для трафика с Vkontakte

Настройка фильтра для трафика с Vkontakte

Фильтры в представлении применяются в порядке их следования. Чтобы изменить порядок, воспользуйтесь кнопкой Назначение порядка фильтров.

Последовательность фильтров влияет на порядок их применения

Последовательность фильтров влияет на порядок их применения

Предоставление доступов

Доступы Google Analytics

Для совместной работы и анализа данных в аналитике существуют несколько уровней доступа. Разрешение на просмотр и изменение данных можно предоставить на уровне аккаунта, ресурса или представления. При этом сохраняется иерархия: права, полученные на уровне аккаунта, распространяются и на ресурсы с представлениями, но не наоборот.

Предоставление доступа возможно на уровне Аккаунта, Ресурса или Представления

Предоставление доступа возможно на уровне Аккаунта, Ресурса или Представления

Чтобы добавить нового пользователя, выберите пункт Управление доступом нужного уровня на вкладке Администратор. Затем нажмите значок + и выберите Добавить пользователей.

Добавление пользователей в Гугл Аналитику

Добавление пользователей в Гугл Аналитику

Для больших компаний есть возможность добавления групп пользователей с одинаковыми правами — это упрощает процесс предоставления и настройки доступа. Чтобы использовать эту возможность, аккаунт Аналитики должен быть привязан к Организации.

На панели добавления нового пользователя надо ввести его e-mail и выбрать нужные параметры разрешения.

В Аналитике есть 4 уровня разрешений

В Аналитике есть 4 уровня разрешений

Просмотр и анализ позволяет пользователям просматривать данные, анализировать отчеты и создавать информационные панели, но не позволяет им вносить изменения в настройки или добавлять новых пользователей.

Совместное использование позволяет обмениваться такими вещами, как информационные панели или определенные параметры измерений.

Доступ на изменение позволяет пользователям вносить изменения в параметры конфигурации.

Управление пользователями позволяет пользователям также добавлять или удалять доступ пользователей к учетной записи, свойству или представлению — этот доступ выдавать стоит иметь только владельцам сайта.

Предоставление доступа к Google Tag Manager

Если вам необходимо предоставить доступ — например, разработчикам — к настройкам диспетчера тегов, то сделать это можно из интерфейса Tag Manager.

Необходимо зайти в настройки аккаунта:

Перейти в настройки можно с домашней страницы Tag Manager со списком всех аккаунтов

Перейти в настройки можно с домашней страницы Tag Manager со списком всех аккаунтов

Здесь выбираем пункт Управление доступом:

Управление доступом на панели аккаунта назначает права доступа к аккаунту диспетчера тегов

Управление доступом на панели аккаунта назначает права доступа к аккаунту диспетчера тегов

Доступ к аккаунту Tag Manager бывает 2 типов: Администратор и Пользователь. Пользователь может лишь просматривать основные сведения аккаунта, тогда как Администратор может изменять права других пользователей и контейнеров.

Доступ к аккаунту предоставляется в 2х вариантах: Администратор и Пользователь

Доступ к аккаунту предоставляется в 2х вариантах: Администратор и Пользователь

Доступ может быть выдан не ко всему аккаунту, а лишь к конкретному контейнеру. Эти права имеют схожую структуру с доступами в Google Analytics.

4 уровня доступа к контейнеру Google Tag Manager

4 уровня доступа к контейнеру Google Tag Manager

Дополнительные настройки

Настройки сеанса

Настройки сеанса на панели Администратор ресурса
Настройки сеанса на панели Администратор ресурса

Время ожидания сеанса — это время, спустя которое сеанс начинается заново. По умолчанию оно равно 30 минутам. Это значит, что все посещения сайта в течение 30 минут от начала первого сеанса будут засчитаны как один сеанс. Если пользователь вернется на сайт, например, через 31 минуту, то это посещение будет считаться новым сеансом. В Яндекс Метрике этот показатель называется Тайм-аут визита и также равен по умолчанию 30 минутам.

Увеличивать и уменьшать дефолтное время сеанса есть смысл для определенных типов контента, например, сайтов с большим количеством видео (продолжительностью более 30 минут). В этом случае число визитов будет считаться более корректно.

Второй настраиваемый параметр — время ожидания кампании. Это время, в течение которого Analytics хранит данные о посетителе, пришедшем из рекламной кампании. Этот параметр поможет оценивать эффективность рекламы.

Если на решение о приобретении вашего продукта обычно требуется много времени (как правило, это дорогие вещи: квартиры, машины и т.д.), то время ожидания может быть увеличено со стандартных 6 месяцев до необходимого срока.

Хранение данных

В 2018 году Google обновил Политику конфиденциальности и Условия использования в соответствии с постановлением Евросоюза о защите персональных данных (General Data Protection Regulation). Новый регламент касается информации, идентифицирующей пользователей: файлы куки, идентификаторы и т.п.

Согласно этой политике, начиная с 25 мая 2018 года, в Analytics автоматически удаляются данные старше 26 месяцев. Изменить это срок можно в настройках ресурса в пункте Хранение данных. Здесь же можно деактивировать Сброс при новом действии — эта опция запускает отсчет срока хранения заново при каждом новом действии пользователя.

Опция хранение данных ограничивает срок хранения информации о пользователе

Опция хранение данных ограничивает срок хранения информации о пользователе

Как видите, Google Analytics — аналитический инструмент с очень широкими возможностями настройки. Многим ее интерфейс кажется поначалу сложным, но вместе с нами вы узнали, как установить Аналитику на сайт и правильно подготовиться к работе с ней.

Надеемся, что теперь вы поняли — в настройке Google Analytics нет ничего невыполнимого? В скором времени мы перейдем непосредственно к анализу данных и разберем структуру отчетов, научимся добавлять сводки, выделять свои сегменты.

С помощью тега Google вы можете передавать данные в связанные целевые сервисы, такие как Google Реклама и Google Аналитика 4, чтобы оценивать эффективность своего сайта и объявлений.

Технологии, используемые при создании сайтов, в том числе файлы cookie, постоянно развиваются с учетом новых требований к конфиденциальности и браузерам, а также появляющихся законов. Поэтому очень важно реализовать на сайте надежные теги, которые будут помогать вам собирать точные данные.

Из этой статьи вы узнаете:

  • Где можно посмотреть существующий тег Google
  • Как установить тег Google на сайт
  • Как проверить, работает ли тег

Иллюстрация, на которой изображен процесс настройки тега Google.

Примечание. Все глобальные теги были преобразованы в теги Google. Если у вас на сайте уже есть глобальный тег, вам не нужно ничего менять, чтобы начать использовать тег Google.

Видеоруководство по добавлению тега Google

В этом видео показано, как настроить тег в Google Рекламе, но вы можете сделать это в Google Аналитике 4 или Google Менеджере тегов.

Вы можете включить на YouTube субтитры на своем языке. Нажмите на значок настроек Изображение значка настроек YouTube в нижней части видеопроигрывателя, выберите «Субтитры», а затем – нужный язык.


Что такое идентификатор тега и где его найти

Что такое идентификатор тега Google

Идентификатор тега – это идентификатор, который вы добавляете на свою страницу для загрузки тега. У одного тега может быть несколько идентификаторов. В этом случае отображаться будет основной идентификатор.

Если вы объедините или разделите теги, основной идентификатор тега, указанный во фрагменте кода в инструкциях по добавлению тега, может измениться. В этом случае вам не нужно снова добавлять тег на страницу. Пока на странице есть один из идентификаторов тега, будет загружаться один и тот же тег. Если вы удалите целевой сервис, существующие идентификаторы тега не изменятся.

Примечание. Если ваша система управления контентом (конструктор сайтов) не принимает идентификатор тега с префиксом GT-, вы можете использовать псевдоним, например AW-XXXXX или G-XXXXX.

Где можно посмотреть идентификатор тега Google?

Идентификатор тега Google можно посмотреть в Google Рекламе, Аналитике или Менеджере тегов. Для этого войдите в аккаунт и выполните указанные ниже действия.

Инструкции для Google Менеджера тегов

Примечание. Посмотреть идентификатор тега Google в Менеджере тегов можно в том случае, если вы настроили контейнер для Google Рекламы, Аналитики или тега Google.

  1. Откройте Google Менеджер тегов.
  2. Перейдите на вкладку Теги Google. Здесь можно посмотреть теги Google, которые были добавлены ранее.
    Google tag overview in Google Tag Manager
  3. Чтобы изменить настройки тега Google, нажмите на название контейнера.

Что такое целевой сервис и идентификатор целевого сервиса

Что такое целевой сервис

Целевой сервис – это аккаунт в сервисе Google для сбора данных, который добавлен в настройки тега Google и получает из него данные. В тег Google можно добавлять разные целевые сервисы, чтобы использовать одни и те же настройки на всех страницах сайта.

В настоящее время целевыми сервисами в ресурсах Google Аналитики 4 могут быть только аккаунты Google Рекламы и потоки данных сайта.

Что такое идентификатор целевого сервиса

Идентификатор целевого сервиса – это идентификатор, обозначающий связанный сервис, такой как Google Реклама или Google Аналитика. Тег Google использует этот идентификатор, чтобы загружать настройки, связанные с целевым сервисом, и перенаправлять события.

В Google Рекламе идентификатор целевого сервиса обычно совпадает с идентификатором отслеживания конверсий, например AW-98765.

В Google Аналитике он обычно совпадает с идентификатором потока данных сайта, например G-12345.

Как добавить тег Google на сайт

Чтобы начать сбор данных об эффективности сайта и объявлений, добавьте тег Google на каждую страницу своего ресурса.

Для этого сначала выберите сервис.

Совет. Если вы работаете и с Google Рекламой, и с Google Аналитикой, установите тег с помощью одного из этих сервисов, а второй добавьте позже в настройках тега.

Если вы хотите добавить на свой сайт не только тег Google, но и сторонние теги, используйте Google Менеджер тегов.

Как настроить тег Google в Google Рекламе

Перед настройкой тега Google убедитесь, что вы настроили отслеживание конверсий на сайте. На странице «Настройка тега Google» выберите вариант, лучше всего описывающий ваш случай, и следуйте инструкциям по установке тега:

  1. Использовать тег Google, указанный на вашем сайте (рекомендуется)
  2. Использовать уже имеющийся у вас тег Google
  3. Установить тег Google

Использовать тег Google, указанный на вашем сайте (рекомендуется)

Этот вариант позволяет использовать тег, обнаруженный на вашем сайте, и не требует изменения кода сайта. Пользователи вашего аккаунта будут добавлены как пользователи тега. Подробнее об управлении тегом Google…

  1. Нажмите Подробная информация, чтобы посмотреть сведения о теге.
  2. Нажмите Готово.

Примечание. Рекомендуем добавлять не более одного экземпляра тега Google на каждую страницу сайта.

  • Далее вам необходимо задать настройки тега Google.
  • Вы можете запустить Tag Assistant, чтобы проверить действие-конверсию и сбор данных.

Использовать уже имеющийся у вас тег Google

Выбрав этот вариант, вы узнаете, обнаружен ли тег на указанном вами сайте. Выберите тег с пометкой «На сайте», чтобы завершить настройку, не меняя код сайта.

Если на ваш сайт поступает мало трафика, рядом с тегом может быть пометка «Не найден». Если вы выберете такой тег, возможно, вам потребуется добавить его на сайт. Пользователи вашего аккаунта будут добавлены как пользователи тега. Подробнее об управлении тегом Google…

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

  1. Нажмите Выбрать тег, чтобы узнать:
    1. к каким тегам у вас есть доступ с правами администратора;
    2. идентификаторы тегов;
    3. где обнаружен тег.
      • Если тег обнаружен на указанном вами ресурсе, можно выбрать тег с пометкой «На сайте», чтобы завершить настройку, не меняя код сайта. Если вы выберете такой тег, возможно, вам потребуется добавить его на сайт.
  2. Выберите нужный тег Google и нажмите Подтвердить.

Установить тег Google

Тег Google можно установить одним из двух способов:

  • с помощью конструктора сайтов;
  • вручную.

С помощью конструктора сайтов

Чтобы добавить на сайт тег Google, можно использовать конструктор сайтов или систему управления контентом (CMS), такую как Wix или Duda. Выберите конструктор сайтов и следуйте инструкциям, чтобы завершить настройку тега Google, не меняя код сайта. Если вы пытаетесь добавить тег через систему управления контентом или конструктор сайтов, но они не принимают идентификатор тега, начинающийся с «GT-«, вы можете использовать псевдоним (AW-XXXXX или G-XXXXX), который они поддерживают.

Если вы управляете сайтом с помощью одной из перечисленных ниже платформ, то можете завершить настройку тега Google, не изменяя код.

  • Drupal
  • Duda
  • MonsterInsights for WordPress
  • Typo3
  • Wix

Подробнее о том, как добавить тег Google с помощью конструктора сайтов…

После окончания установки:

  1. Нажмите Готово, и Google просканирует ваш сайт.
  2. Снова нажмите Готово, чтобы завершить настройку тега Google.

Вручную

Этот вариант подходит, если вы впервые настраиваете в своем аккаунте тег для отслеживания действия-конверсии и ещё не добавляли тег Google.

  1. Чтобы установить тег, скопируйте и вставьте его в код каждой страницы сайта сразу после элемента <head>. Не добавляйте на страницу больше одного тега Google. Анимация, демонстрирующая, как добавить на сайт тег Google, чтобы отслеживать конверсии в Google Рекламе. В примере тега Google ниже текст «TAG_ID» соответствует уникальному идентификатору тега из вашего аккаунта Google Рекламы.

    <script async
    src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'TAG_ID');
    </script>

  2. Если потребуется, измените тег Google:
    1. Если вы не хотите, чтобы тег Google добавлял посетителей сайта в списки ремаркетинга при первой загрузке страницы, включите в команду ‘config’ фрагмент, выделенный цветом:
      gtag('config',' TAG_ID',{'send_page_view': false});
    2. Чтобы тег Google не создавал собственные файлы cookie в вашем домене, добавьте в команду ‘config’ строку, выделенную цветом:
      gtag('config',' TAG_ID',{'conversion_linker': false});

      • Примечание. Мы не рекомендуем этого делать, поскольку в результате снизится точность отслеживания конверсий. Если вы хотите отключить сбор данных для ремаркетинга, добавьте выделенную цветом команду gtag('set') в тег Google перед командой gtag('js'). Сбор этих данных будет отключен во всех аккаунтах Google Рекламы, где он настроен.
        <script async
        src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('set', 'allow_ad_personalization_signals', false);
        gtag('js', new Date());
        gtag('config', 'TAG_ID');
        </script>
  3. Скопируйте тег Google и добавьте его в код своего сайта.
  4. Откройте HTML-код страницы, на которую пользователь попадает после совершения конверсии, например с текстом «Спасибо за покупку» (она называется страницей конверсии).
  5. Между тегами <head></head> страницы сначала вставьте глобальный тег, а затем теги событий, относящихся к этой странице.
  6. Сохраните изменения.
  7. Нажмите Готово.
  8. Нажмите Установить тег события.
  9. В разделе «Тег события» выберите, как отслеживать конверсии – при загрузке страницы или после клика.
    • При загрузке страницы. Конверсия регистрируется, когда пользователь открывает страницу конверсии, например подтверждение оплаты покупки или подписки на рассылку. Это самый распространенный вариант, применяемый по умолчанию. Подробнее о стандартах безопасности Google…
    • При клике. Конверсия засчитывается, когда пользователь нажимает кнопку (например, «Купить») или переходит по ссылке. Анимированный GIF-файл, показывающий, как менять настройки тега события.
  10. Скопируйте тег события и следуйте инструкциям по добавлению тега на сайт или нажмите «Скачать тег», чтобы добавить его позже.
    • Если вы отслеживаете конверсии по загрузке страницы, добавьте тег события на нужную страницу.
    • Если вы отслеживаете конверсии по клику, добавьте тег события на страницу с нужной кнопкой или ссылкой.
  11. Нажмите Далее.
  12. Нажмите Готово. Анимированный GIF-файл, показывающий, как скопировать или скачать тег события с помощью интерфейса Google Рекламы.
  13. Нажмите Готово. Если в качестве конверсий вы отслеживаете клики на сайте, добавьте дополнительный фрагмент в код нужной кнопки или ссылки, следуя инструкциям в статье Как отслеживать клики на сайте в качестве конверсий. Без этого отслеживание работать не будет.

Примечание. Рекомендуем добавлять не более одного экземпляра тега Google на каждую страницу сайта.

Затем необходимо проверить, работает ли тег Google.

Как настроить тег Google в Google Аналитике

Способ настройки тега Google в Google Аналитике зависит от того, настраиваете ли вы Аналитику на сайте впервые или добавляете ресурс Google Аналитики 4 на сайт, уже связанный с Universal Analytics.

Если вы настраиваете Google Аналитику впервые

  1. Войдите в аккаунт Google Аналитики.
  2. Нажмите Администратор.
  3. В раскрывающемся списке вверху столбца «Ресурс» выберите ресурс, содержащий поток данных, для которого требуется настроить тег Google.
  4. В столбце «Ресурс» нажмите Потоки данных.
  5. Выберите нужный поток данных.
  6. В разделе «Тег Google» нажмите Настройка тега.
  1. В разделе «Ваш тег Google» нажмите Инструкции по установке.
  2. Затем выберите «Установка тега с помощью конструктора сайтов» или «Установить вручную»:
    • Используйте вариант «Установка тега с помощью конструктора сайтов», если вы управляете своим ресурсом через конструктор сайтов (или систему управления контентом, например Wix или WordPress). Выберите конструктор сайтов и следуйте инструкциям, чтобы завершить настройку тега Google, не меняя код сайта.
    • Если вы решили установить тег вручную, перейдите на вкладку «Установить вручную». Вы увидите фрагмент JavaScript для тега Google вашего аккаунта. Чтобы установить связь между сайтом и Google Аналитикой, скопируйте и вставьте весь фрагмент тега Google в код каждой страницы сайта сразу после элемента <head>. Ваш тег Google – это целый раздел кода, который начинается с

      <!-- Global tag (gtag.js) -->

      и заканчивается элементом

      </script>

Примечание. Рекомендуем добавлять не более одного экземпляра тега Google на каждую страницу сайта.

Сбор данных начнется в течение 30 минут. Откройте отчет в реальном времени, чтобы проверить, поступают ли данные.

Затем проверьте, работает ли тег Google.

Если вы добавляете ресурс Google Аналитики 4 на сайт, уже связанный с Universal Analytics

Чтобы добавить ресурс Google Аналитики 4 на сайт, уже связанный с Universal Analytics, используйте Ассистент настройки GA4. Для этого у вас должна быть роль редактора в аккаунте Аналитики. Чтобы создать ресурс GA4, следуйте инструкциям ниже. Вы можете использовать мастер независимо от того, что именно установлено на страницах вашего сайта: тег Google Аналитики (gtag.js или analytics.js), тег Google Рекламы (gtag.js) или контейнер Google Менеджера тегов.

  1. В аккаунте Google Аналитики внизу слева нажмите Настройки Администратор.
  2. В столбце Аккаунт проверьте, выбран ли нужный аккаунт. Если у вас только один аккаунт Google Аналитики, он будет выбран автоматически.
  3. В столбце Ресурс выберите ресурс Universal Analytics, который сейчас собирает данные c вашего сайта.
  4. В столбце Ресурс выберите Ассистент настройки GA4. Это первый вариант в столбце Ресурс.
  5. В разделе Я хочу создать новый ресурс Google Аналитики 4 нажмите Начать.
  6. Во всплывающем окне Создание ресурса Google Аналитики 4 вы увидите один из следующих вариантов, в зависимости от того, какие теги есть на вашем сайте.
    • Создать и продолжить. Нажмите эту кнопку, чтобы перейти на страницу Настройка тега Google (шаг 7).
    • Создать ресурс. Если вы видите эту кнопку, Аналитика может использовать существующие теги Universal Analytics для ресурса GA4. Аналитика создаст подключенный тег сайта для Universal Analytics и ресурсов GA4. Нажмите кнопку и перейдите к разделу Дальнейшие действия с ресурсом GA4 ниже.

      Примечание для продвинутых пользователей. Для ресурса GA4 будет настроен стандартный сбор данных. Если вы реализовали пользовательские теги в ресурсе Universal Analytics, ознакомьтесь с дополнительными шагами.

  7. На странице Настройка тега Google выберите наиболее подходящий для вас вариант и следуйте инструкциям по созданию ресурса GA4.

    Использовать тег Google, указанный на вашем сайте (рекомендуется)

    Выберите этот вариант, чтобы завершить настройку с помощью тега Google, обнаруженного на вашем сайте. При этом вам не потребуется изменять код сайта.

    При необходимости нажмите Подробные сведения, чтобы посмотреть информацию о теге.

    Нажмите Подтвердить, чтобы создать ресурс GA4.

    Пользователи ресурса будут добавлены как пользователи, связанные с тегом Google. Подробнее об управлении тегом Google…

    Использовать уже имеющийся у вас тег Google

    Выберите этот вариант, чтобы использовать тег Google, к которому у вас уже есть доступ с правами администратора.

    Нажав Выберите тег, вы увидите:

    • К каким тегам у вас есть доступ с правами администратора. Если вы не видите нужный тег Google, возможно, у вас нет разрешений на то, чтобы вносить в него изменения.
    • Идентификаторы тегов.
    • Обнаружен ли на вашем сайте тег Google. Выберите тег с пометкой «На сайте», чтобы завершить настройку без изменения кода сайта. Если вы выберете тег с пометкой «Не найден», вам может понадобиться добавить его на сайт. Учтите, что если на ваш сайт поступает мало трафика, тег может быть показан с такой пометкой.
    • Целевые страницы, связанные с тегом.

    Выберите тег Google, который хотите использовать, и нажмите Подтвердить, чтобы создать ресурс GA4.

    Пользователи ресурса будут добавлены как пользователи, связанные с тегом. Подробнее об управлении тегом Google

    Установить тег Google

    Выберите этот вариант, если на вашем сайте не установлен тег Google.

    1. Нажмите Далее, чтобы установить тег Google.
    2. На странице Инструкции по установке есть два варианта:
      • Установка тега с помощью конструктора сайтов. Если вы используете конструктор сайтов (или платформу системы управления контентом, например Wix или Duda), то можете завершить настройку тега Google без изменения кода.
      • Установка вручную. Выберите этот вариант в следующих случаях:
        • Используемый конструктор сайтов или система управления контентом пока не поддерживает тег Google (gtag.js).
        • Вы или ваш веб-разработчик вручную добавляете теги на сайт.
        • На вашем сайте есть тег analytics.js.
        • Вы используете Google Менеджер тегов.

    Вариант 1. Установка с помощью конструктора сайтов или системы управления контентом.

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

    • Drupal
    • Duda
    • MonsterInsights for WordPress
    • Typo3
    • Wix

    Установив тег Google, нажмите Готово, чтобы создать ресурс GA4.

    Если используемая платформа пока не поддерживает тег Google, установите его вручную, как описано ниже.

    Мы постоянно обновляем инструкции по системам управления контентом, чтобы вы могли легко настроить тег Google. Даже если на странице Инструкции по установке нет нужной платформы, не исключено, что вы всё равно сможете вставить идентификатор тега Google в конструкторе сайтов или системе управления контентом. Прежде чем устанавливать тег вручную, проверьте, нет ли нужной платформы в этом списке.

    Подробнее о том, как установить тег Google с помощью конструктора сайтов

    Вариант 2. Установка вручную.

    Выберите этот вариант в следующих ситуациях:

    • Используемый конструктор сайтов или система управления контентом пока не поддерживает тег Google (gtag.js). Примечание. Вам необходимо будет воспользоваться функцией добавления пользовательского кода на платформе.
    • Вы или ваш веб-разработчик вручную добавляете теги на сайт.
    • На вашем сайте есть тег analytics.js.

    Как установить тег Google вручную

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

    Если вы работаете с конструктором сайтов или системой управления контентом, которые пока не поддерживают тег Google, скопируйте и вставьте весь тег Google с помощью функции добавления пользовательского HTML-кода на своей платформе.

    Ваш тег Google – это весь код, который вы увидите на вкладке, начиная с этой строки:

    <!-- Google tag (gtag.js) -->

    и заканчивая этой:

    </script>

    Установив тег Google на сайте, нажмите Готово, чтобы создать ресурс GA4.

    После установки тега необходимо задать настройки тега Google.

    Если на сайт добавлен тег analytics.js (вручную или с помощью системы управления контентом)

    Если вы вручную добавили на сайт тег analytics.js, не удаляйте его при добавлении тега Google (как описано выше). Тег analytics.js продолжит собирать данные для ресурса Universal Analytics. Добавленный тег Google (gtag.js) будет собирать данные для нового ресурса GA4.

    Если вы используете конструктор сайтов или систему управления контентом, которые добавляют на страницы вашего сайта тег analytics.js, то тег Google можно установить с помощью функции добавления пользовательского HTML-кода. Не удаляйте тег analytics.js, чтобы Аналитика продолжала отправлять данные в ресурс Universal Analytics.

    В таблице ниже приведен список конструкторов сайтов и систем управления контентом, которые используют analytics.js и для которых нужно добавить тег Google на страницу как пользовательский HTML-код, чтобы на сайте присутствовали оба тега.

    Скопируйте тег Google и вставьте его на свой сайт с помощью функции добавления пользовательского кода в системе управления контентом (CMS), с которой вы работаете.

    Откройте отчет в реальном времени, чтобы проверить, поступают ли данные.

    Конструктор сайтов/CMS Как добавить пользовательский код HTML
    Blogger Инструкции
    Cart.com Инструкции уточните у представителей службы поддержки
    Salesforce (Demandware) Инструкции уточните у представителей службы поддержки
    VTEX Инструкции уточните у представителей службы поддержки
    Weebly Инструкции

Как проверить, работает ли тег

  1. Откройте Google Tag Assistant.
  2. Укажите URL своего сайта.
  3. В верхней части Tag Assistant появятся все обнаруженные теги. Посмотрите, есть ли среди них тег Google .
  4. На вкладке Summary (Сводка) проверьте, передает ли тег данные о событиях.
    • ✅ Если тег Google собирает и передает данные о событиях, значит он настроен правильно.
    • ❌ Если тега Google нет или он не собирает данные, изучите информацию, приведенную в разделах ниже.

Что делать, если тег не найден

Если Tag Assistant не обнаружил тег Google, убедитесь в следующем:

  • Идентификатор потока данных указан верно.
  • Код активен. С помощью инструментов разработчика в браузере можно проверить, какой код был загружен.

Что делать, если данные не поступают в целевой сервис

Если в Tag Assistant вы видите, что на странице есть тег Google, но данные не поступают, возможно, тег не подключен к целевому сервису.

В этом случае на странице тега Google появится предупреждение. Вы можете связать целевой сервис с существующим тегом Google или создать новый тег.

Дальнейшие действия

Настроив тег Google, убедитесь, что он передает нужные данные.

Задать настройки тега Google

Статьи по теме

  • Тег Google
  • Как управлять тегом Google
  • Как управлять пользователями тега Google

Эта информация оказалась полезной?

Как можно улучшить эту статью?

Этот документ содержит общую информацию о библиотеке analytics.js.

Фрагмент кода JavaScript

Чтобы включить отслеживание с помощью Google Analytics на сайте, необходимо добавить фрагмент кода JavaScript перед закрывающим тегом </head>. Вот часть такого фрагмента:

(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','//www.google-analytics.com/analytics.js','ga');

При запуске этот код сначала создает глобальную функцию ga,
а затем асинхронно загружает на страницу библиотеку analytics.js.

Глобальная функция ga – это основной способ взаимодействия с библиотекой analytics.js. Эта функция принимает ряд параметров, первый из которых представляет команду Google Analytics. Например, в стандартном фрагменте кода

ga('create', 'UA-XXXX-Y', 'auto');  // Creates a tracker.
ga('send', 'pageview');             // Sends a pageview.

первая строка вызывает команду create, а вторая – команду send.

Хотя код JavaScript загружает библиотеку analytics.js асинхронно, функция ga используется до того, как загрузится библиотека. Каждая команда, которую вы выполняете, ставится в очередь. Когда библиотека закончит загружаться, будут выполнены все команды из очереди. Новые команды выполняются сразу же. Это позволяет разработчикам использовать функцию ga, не обращая внимание на асинхронный характер Google Analytics.

Переименование глобального объекта

Иногда имя переменной ga может уже использоваться другим объектом на странице. Чтобы не переопределять его, можно переименовать функцию ga, например в __gaTracker.
Для этого просто замените параметр ga в следующем фрагменте кода:

(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','//www.google-analytics.com/analytics.js','__gaTracker');


Теперь для вызова команд вы сможете использовать имя __gaTracker вместо ga:

__gaTracker('create', 'UA-XXXX-Y', 'auto');
__gaTracker('send', 'pageview');

Справка по фрагменту кода JavaScript

Далее показан основной фрагмент кода JavaScript с пояснительными комментариями.

<!-- Google Analytics -->
<script>
/**
 * Creates a temporary global ga object and loads analy  tics.js.
 * Paramenters o, a, and m are all used internally.  They could have been declared using 'var',
 * instead they are declared as parameters to save 4 bytes ('var ').
 *
 * @param {Window}      i The global context object.
 * @param {Document}    s The DOM document object.
 * @param {string}      o Must be 'script'.
 * @param {string}      g URL of the analytics.js script. Inherits protocol from page.
 * @param {string}      r Global name of analytics object.  Defaults to 'ga'.
 * @param {DOMElement?} a Async script tag.
 * @param {DOMElement?} m First script tag in document.
 */
(function(i, s, o, g, r, a, m){
  i['GoogleAnalyticsObject'] = r; // Acts as a pointer to support renaming.

  // Creates an initial ga() function.  The queued commands will be executed once analytics.js loads.
  i[r] = i[r] || function() {
    (i[r].q = i[r].q || []).push(arguments)
  },

  // Sets the time (as an integer) this tag was executed.  Used for timing hits.
  i[r].l = 1 * new Date();

  // Insert the script tag asynchronously.  Inserts above current tag to prevent blocking in
  // addition to using the async attribute.
  a = s.createElement(o),
  m = s.getElementsByTagName(o)[0];
  a.async = 1;
  a.src = g;
  m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

ga('create', 'UA-XXXX-Y', 'auto'); // Creates the tracker with default parameters.
ga('send', 'pageview');            // Sends a pageview hit.
</script>
<!-- End Google Analytics -->

Альтернативный вариант асинхронного фрагмента кода

Выше показан стандартный фрагмент кода analytics.js, который загружается и выполняется асинхронно на всех браузерах. Тем не менее, современные браузеры не поддерживают предварительную загрузку такого скрипта.

Показанный ниже фрагмент избавлен от этого недостатка и позволяет немного повысить производительность в современных браузерах. Обратите внимание, что в Internet Explorer 9 и старых мобильных браузерах, которые не распознают атрибут async, этот скрипт может загружаться синхронно. Таким образом, этот вариант кода рекомендуется для сайтов, большинство посетителей которых используют современные браузеры.

<!-- Google Analytics -->
<script async src='//www.google-analytics.com/analytics.js'></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

Создание объектов трекера

Для отправки данных в Google Analytics вам необходимо создать объект трекера.
Каждый такой объект может передавать данные только в один веб-ресурс Google Analytics.
Для создания объекта трекера используется следующий код:

ga('create', 'UA-XXXX-Y', 'auto');

Здесь первый параметр функции ga – команда create, а второй – идентификатор веб-ресурса, куда следует отправлять данные.

Настройка объектов трекера

Вся настройка трекера должна выполняться при его первоначальном создании. Для этого функции ga в качестве последнего параметра передается объект конфигурации. Например, вот так можно переопределить некоторые стандартные настройки cookie:

ga('create', 'UA-12345-6', {
   'cookieDomain': 'foo.example.com',
   'cookieName': 'myNewName',
   'cookieExpires': 20000
});

В показанном выше примере с помощью объекта конфигурации были переопределены домен, имя и срок действия файла cookie.

В этом разделе Справки по полям вы найдете подробную информацию обо всех полях, которые могут настраиваться в методе create.

Тестирование на локальном хосте

Если вы хотите протестировать analytics.js с веб-сервера, который работает на локальном хосте, то для установки файлов cookie analytics.js вам нужно будет отключить домен cookie по умолчанию:

ga('create', 'UA-XXXX-Y', {
  'cookieDomain': 'none'
});

Отправка данных

Когда трекер будет создан и связан с веб-ресурсом, вы сможете использовать команду send для отправки данных на веб-ресурс.
Информация, которую вы пересылаете в Google Analytics, называется обращением. Библиотека analytics.js позволяет отправлять разные типы данных. Для этого вам нужно задать тип обращения – hitType. При использовании команды send вы также должны указать hitType передаваемых данных.

Например, для просмотров страницы укажите тип обращения pageview:

ga('send', 'pageview');

В результате в Google Analytics будут переданы данные об URL просмотренной страницы.

Объект имени поля

Иногда может потребоваться переопределить несколько значений, отправляемых как просмотр страницы (pageview). Библиотека analytics.js позволяет передать объект имени поля в качестве последнего параметра в команде send. Это позволяет задать многие дополнительные свойства просмотра страницы, например ее заголовок:

ga('send', 'pageview', {
  'page': '/my-new-page',
  'title': 'My New Page Title'
});

Подробнее о настройке объекта трекера читайте в Справке по полям.

Настройка обратного вызова после обращения

Иногда (например, при отслеживании исходящих ссылок) необходимо знать, когда система отслеживания закончила отсылать данные, чтобы направить пользователя на целевую страницу только после того, как данные о клике были переданы в Google Analytics. Решить эту задачу позволяет команда send. С ее помощью можно задать в объекте имени поля функцию hitCallback, которая будет выполняться только после того, как библиотека analytics.js закончит отправлять данные.
Задать функцию hitCallback можно следующим образом:

ga('send', 'pageview', {
  'page': '/my-new-page',
  'hitCallback': function() {
    alert('analytics.js done sending data');
  }
});

В приведенном примере объект имени поля задает как параметр page, так и функцию hitCallback.
Как только закончится передача данных отслеживания, пользователю будет показано окно с предупреждением.

Настройка параметров для нескольких команд send

Могут возникнуть ситуации, когда вам потребуется задать параметр и назначить ему одно постоянное значение для нескольких команд send. Допустим, у вас есть веб-страница, на которой вы хотите отслеживать два типа обращений: один просмотр страницы и два события. Чтобы при каждом обращении использовался ваш собственный путь к странице, вы можете либо задавать новый путь при каждом выполнении команды send, либо использовать метод set:

ga('set', 'page', '/my-custom-page');

ga('send', 'pageview');
ga('send', 'event', 'image1', 'clicked');
ga('send', 'event', 'image2', 'clicked');

При выполнении этого кода для всех трех команд send будет отправлен ваш собственный путь к странице, /my-custom-page.

Отправка обращений с помощью метода useBeacon

Чтобы отправить обращение с помощью метода navigator.sendBeacon, присвойте параметру useBeacon значение true.
Метод navigator.sendBeacon гарантирует передачу данных даже в том случае, если пользователь покидает страницу или закрывает браузер, не дождавшись завершения запроса. Как правило, с помощью этого метода отслеживают события непосредственно перед уходом пользователя с сайта, не мешая его действия.

ga('send', 'event', 'click', 'download-me', {useBeacon: true});

Функции «проталкивания»

В некоторых случаях код требуется выполнять только после того, как завершится загрузка библиотеки analytics.js.
Для этого функции ga в качестве параметра нужно передать функцию:

ga(function() {
  alert('library done loading');
});

Когда библиотека закончит загружаться, пользователь увидит окно, уведомляющее об этом.

Получение параметров

Вы можете получать любые значения, заданные в объекте трекера, используя команду get. Поскольку объект трекера создается только по окончании загрузки библиотеки, параметры следует получать в «проталкиваемой» функции.

ga(function(tracker) {
  var defaultPage = tracker.get('page');
});

В приведенном выше примере функция использует параметр с именем tracker.
По окончании загрузки библиотеки будет выполнена эта функция, и значением tracker будет трекер по умолчанию, созданный в результате выполнения первой команды create. Затем с помощью tracker будет получено значение страницы по умолчанию.

Принудительное использование SSL (HTTPS)

По умолчанию при отправке исходящих запросов Google Analytics будет использовать тот же протокол, что и у страницы. Чтобы данные отправлялись с использованием протокола SSL даже с незащищенных страниц (HTTP), задайте для поля forceSSL значение true:

ga('create', 'UA-XXXX-Y', 'auto');
ga('set', 'forceSSL', true);        // Send all data using SSL, even from insecure (HTTP) pages.
ga('send', 'pageview');

Работа с несколькими трекерами

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

Чтобы реализовать эту возможность, создайте трекер для каждого веб-ресурса, на который нужно отправлять данные:

ga('create', 'UA-XXXX-Y', 'auto');
ga('create', 'UA-12345-6', 'auto', {'name': 'newTracker'});  // New tracker.

Этот код создаст два трекера: один по умолчанию, без имени и второй – с именем newTracker.

Для отправки просмотра страницы с использованием обоих трекеров добавьте к началу команды имя трекера и точку. Пример:

ga('send', 'pageview');
ga('newTracker.send', 'pageview'); // Send page view for new tracker.

В результате просмотр страницы будет отправлен как в стандартный, так и в новый трекер.

Чтобы найти трекер по имени, используйте метод getByName:

ga(function() {
  var newTracker = ga.getByName('newTracker');
});

Получить массив со всеми настроенными трекерами можно с помощью метода getAll:

ga(function() {
  var allTrackers = ga.getAll();
});

Улучшенная атрибуция ссылок

Улучшенная атрибуция ссылок позволяет автоматически различать ссылки на один и тот же URL на странице с помощью идентификаторов элементов ссылок.

Чтобы использовать эту функцию:

  1. Включите улучшенную атрибуцию ссылок в интерфейсе администратора в своем аккаунте Google Analytics.
  2. Обновите код на каждой странице, добавив плагин улучшенной атрибуции ссылок, как показано в примере ниже.
ga('create', 'UA-XXXX-Y', 'auto');
ga('require', 'linkid');   // Load the plug-in. Note: this call will block until the plug-in is loaded.
ga('send', 'pageview');

Настройка улучшенной атрибуции ссылок

Плагин улучшенной атрибуции ссылок различает ссылки на один и тот же URL, используя идентификаторы элемента ссылки или родительского элемента, а также файл cookie. Вы можете указать, на каком уровне DOM следует искать идентификатор элемента и как устанавливать cookie, задав эти настройки при загрузке плагина:

ga('create', 'UA-XXXX-Y', 'auto');
ga('require', 'linkid', {
           'cookieName': '_ela',        // Cookie name. _gali by default.
           'duration': 45,              // Cookie duration. 30 seconds by default.
           'levels': 5});               // Max DOM levels from link to look for element ID. 3 by default.
ga('send', 'pageview');

Анонимизация IP

В некоторых случаях может потребоваться анонимизировать IP-адрес обращения (http-запрос), отправляемый в Google Analytics. Вы можете анонимизировать IP-адреса для всех обращений, отправляемых со страницы (на протяжении всего жизненного цикла трекера), используя команду set и задав для поля anonymizeIp значение true:

ga('set', 'anonymizeIp', true);

Чтобы анонимизировать IP-адрес для отдельного обращения, установите поле anonymizeIp
в объекте конфигурации для данного обращения:

ga('send', 'pageview', {
  'anonymizeIp': true
});

Подробнее читайте в справочной статье Анонимизация IP в Google Analytics.

Отказ пользователя от отслеживания

Иногда возникает необходимость отключить код отслеживания Google Analytics на странице, не удаляя с нее фрагмент JavaScript (например, если ваша политика конфиденциальности дает пользователям возможность отказаться от отслеживания).

Теперь в библиотеку analytics.js входит специальное свойство window, которое при значении true блокирует отправку данных в Google Analytics.
При попытке установить файл cookie или отправить данные на серверы Google Analytics проверяет, задано ли для этого свойства значение true. Если да, то эффект будет таким же, как если бы в браузере пользователя был установлен плагин Блокировщик Google Analytics.

Чтобы отключить отслеживание, задайте значение true для следующего свойства window:

window['ga-disable-UA-XXXX-Y'] = true;

UA-XXXX-Y – это идентификатор того веб-ресурса, на котором вы хотите отключить отслеживание.

Свойство window должно быть задано до вызова кода отслеживания,
и его следует установить на каждой странице, где вы хотите отключить отслеживание Google Analytics. Если его значение на задано или равно false, отслеживание будет выполняться, как обычно.

Пример

Вот простой пример кода, позволяющего реализовать отказ от отслеживания.

Сначала добавьте на свой сайт HTML-ссылку для отказа от отслеживания:

<a href="javascript:gaOptout()">Click here to opt-out of Google Analytics</a>

Затем добавьте показанный ниже фрагмент кода перед фрагментом кода отслеживания analytics.js. Не забудьте заменить значение gaProperty с UA-XXXX-Y на идентификатор того ресурса, с помощью которого отслеживается ваш сайт.
Это то же значение, которое вы передаете команде create.

<script>
// Set to the same value as the web property used on the site
var gaProperty = 'UA-XXXX-Y';

// Disable tracking if the opt-out cookie exists.
var disableStr = 'ga-disable-' + gaProperty;
if (document.cookie.indexOf(disableStr + '=true') > -1) {
  window[disableStr] = true;
}

// Opt-out function
function gaOptout() {
  document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
  window[disableStr] = true;
}
</script>

Когда пользователь нажмет на HTML-ссылку для отказа от отслеживания, будет выполнена функция gaOptout. Она установит файл cookie с длительным сроком действия и отключит сбор данных analytics.js.
Когда пользователь вернется на этот сайт снова, показанный выше скрипт проверит, установлен ли файл cookie отказа от отслеживания. Если да, analytics.js не будет производить сбор данных.

Отладка

Для работы с отладочной версией analytics.js используйте библиотеку analytics_debug.js:

(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','//www.google-analytics.com/analytics_debug.js','ga');
ga('create', 'UA-XXXX-Y', 'auto');
ga('send', 'pageview');

Библиотека analytics_debug.js имеет больший размер и обрабатывает обращения к сайту google-analytics.com с дополнительной задержкой. В связи с этим ее следует использовать только в качестве временного решения или на этапе разработки.

Трассировка отладки

Эта функция позволяет выводить на консоль более подробную информацию. Чтобы активировать ее, используйте библиотеку https://www.google-analytics.com/analytics_debug.js и добавьте следующую строку перед фрагментом кода.

window.ga_debug = {trace: true};

Today, almost all businesses maintain an online presence via a website. That’s why it has become significant for you to understand your site’s internal structure to see whether or not it’s fulfilling its purpose. For this purpose, you need to be aware of what users do when they land on your site, how long they stay, and what pages they visit.

where is the google analytics code

To build a website that performs well, 1st step is to do very concrete keyword research around your business niche and create a content on those keywords. Once you align your content with what your target audience is searching for, success is practically guaranteed.

ppc-signal-optimization-tool

2nd step is to setup the Google Analytics code on your website.

Google Analytics is one of the most commonly used digital analytics software. It’s Google’s free web analytics service that helps you analyze in detail how users behave on your site. In fact, it can help you:

  • Observe the number of users your site gets from your PPC marketing or organic efforts.
  • Where the visitors come from.
  • Any keywords used to find your website.
  • What browser the users are using.
  • How long visitors stay on your website.
  • What pages visitors use to find your website.
  • What page users are on when they choose to abandon your website etc.

All this info is valuable in terms of search engine optimization (SEO). However, before you can put it to use, you must first understand how to find your Google Analytics code and how to install it on your site correctly. An essential question advertisers ask when starting is, where is the Google Analytics code?

This article will explore ways to add the Google Analytics code to your site to check your site’s performance. But keep in mind Google Analytics GA4 is a new property designed for the future of measurement which use events instead of session-based data. From July 1,2023 standard Universal Analytics properties will no longer process data.

What is the Google Analytics Tracking Code?

Google Analytics functions by including a block of JavaScript code on your web pages. When visitors see a page on your site, this JavaScript code references a JavaScript file, which then executes the tracking operation for Google Analytics.

The tracking operation accesses data about the page request in several ways. It sends this information to the analytics server through a list of parameters attached to a single-pixel image request. The data that Google Analytics utilizes to deliver all the info in your reports originates from these sources:

  • The HTTP request of the user
  • Browser/system information
  • First-party cookies

Where to Put the Google Analytics Tracking Code?

It’s recommended to add the Google Analytics tracking code in the header section (<head>). According to Google:

“The code should be added near the top of the <head> tag and before any other script or CSS tags, and the string ‘UA-XXXXX-Y’ should be replaced with the property ID (also called the “tracking ID”) of the Google Analytics property you wish to track.”

Once your GA code is in place , you will start getting data in your Google Analytics account which you can share with your customers in the form of visual reports.

Smart keyword research could help your website to boost quickly in terms of traffic and sales. Keep finding new opportunities and engage the customers with right keywords.

ppc-signal-optimization-tool

How Do I Identify the Analytics Tracking Code?

Google Analytics tracking code is referred to as an asynchronous code, meaning it can run in parallel with other scripts that are active on the webpage. The most significant benefit of asynchronous code is that if some code is taking some time to run or has a bug, another code running asynchronously isn’t affected.

In most cases, you can quickly identify if a site has Google Analytics installed by looking at the webpage’s site code. You can use Google Chrome to visit a site and then right-click to see its PAGE SOURCE (site code). If the site has Google Analytics installed, you’ll find the Google Analytics tracking info within the code, as seen below.

google analytics code example

When you include tags to your site, you send a pageview for every page your viewers browse. Google Analytics processes this info and can infer a lot of information such as:

  • The total time a visitor spends on your website.
  • The amount of time a visitor spends on each page and in what order the visitor saw those pages.
  • What internal links were clicked (depending on the URL of the next page view).

You can also see the IP address, user agent string, and initial page. You can use this info to find out things like:

  • The visitor’s geographical location.
  • Which browser and operating system are being used.
  • Screen size and whether Flash or Java is installed.
  • The referring website.

How the Google Analytics Tracking Code Works?

Once you have a code in your website, when the page is loaded in browser, the JavaScript is also loaded there in which tracking operations for analytics are executed. Whenever page request sends any request, everything is then tracked through tracking operations.

Where is the Google Analytics Code and Tracking ID?

So, where is the Google Analytics code? Follow these steps to find the tracking ID and code snippet.

  • Sign in to your Google Analytics account.
  • Click ‘Admin.’

    google analytics code example

  • Next, click on the ‘Tracking info’ and from the drop-down menu. Select ‘Tracking code.’

    where-is-the-google-analytics-code

  • Here, you can find the Tracking ID and Tracking code. Copy this code and paste it into the header of your site.

    Google Analytics Tracking ID and Tracking code Example

Now that you’ve figured out the answer to where is the Google Analytics code, it’s time to start using it.

How to Add Google Analytics Tracking Code to Your Website?

There are numerous ways to gather data from online properties in Analytics, based on whether you want to track a site, an app, or some Internet-connected device.

Here are following ways to set up the tag for various kinds of properties.

1. For Static Website

A static site is based on HTML that doesn’t alter dynamically. It’s not generated using a programming language like Python, Ruby, or PHP.

Here’s how you can add Google Analytics tracking code to your static website:

  • Locate the JavaScript tracking-code snippet for your property, and then copy the entire snippet. Don’t modify the snippet.
  • Paste the complete snippet into the HTML on your web pages, right after the opening <head> HTML tag.

2. For Dynamic Website

A dynamic site uses HTML that is created by a programming language. You can use an include statement or template to push the tag dynamically to every web page.

3. Web-Hosting Service

Some Internet service providers (ISPs) simplify the installation of Google Analytics tracking code by offering plugins that automatically install it on your website. Go through your platform’s instructions to add your Analytics ID.

4. Website Using Google Tag Manager

Google Tag Manager is a free tool you can use to manage several analytics and site-tracking tags. You can use the Google Tag Manager to install your Analytics tag.

5. Mobile Apps

You need to install the Firebase SDK to use the latest generation of app reporting in Google Analytics. When you create the data stream, Analytics creates a new Firebase project for you and adds the Firebase SDK to your app. This is how you can create an account, property, and data stream for your app.

 ppc audit report bottom

How To Create and Use a Google Analytics Account?

By creating an account, you can access Google Analytics. If you’ve been using Analytics, you already have an account and may not want to add another one.

  • If you haven’t already signed in, sign in to Analytics.
  • Click ‘Admin.’
  • In the Account column, click ‘Create Account’.
  • Enter an account name.
  • Configure the data-sharing settings to control which data you share with Google.
  • Click ‘Next’ to add the first property to the account.

Once you have finished these steps, You need ‘Edit’ permission to add properties and data streams to a Google Analytics account. If you are the actual creator of the account, you automatically get Edit permission. You can add up to 100 properties to each Analytics account. To increase this limit, reach out to your account manager.

To add a property:

  • Sign in to Analytics if you aren’t already signed in.
  • Click ‘Admin.’
  • Look at the ‘Account’ column to ensure that you’ve selected the right account. In the ‘Property’ column, click ‘Create Property.’
  • Enter a name for the property.

Select the reporting time zone. Analytics uses this as the day boundary for your reports regardless of where the data originates.

  • If you select a time zone that follows Daylight Savings Time, Analytics automatically adjusts for the changes. If you don’t want Analytics to adjust for Daylight Savings time, you can use Greenwich Mean Time (GMT) instead of your local time zone.
  • Varying the time zone only impacts data going forward. If you alter the time zone for a current property, you may see a flat spot or a spike in your data, which could be due to the time shift forwards or backward, respectively. Report data may refer to the old time zone for a brief period once you update your settings until Analytics servers have processed the variation.
  • Next, choose the currency you want to use for reporting.
  • Click ‘Next’ and provide information about your business. Select an industry category, business size, and indicate the ways you use Analytics.
  • Click ‘Create.’
  • Accept the ‘Analytics Terms of Service’ and the ‘Data Processing Amendment.’

How to Verify Your Tag is Working?

After you have successfully installed the Google Analytics tag, it can take up to 24 hours for data such as traffic-referral info, user characteristics, and browsing information to appear in your reports. However, you can check your web-tracking setup instantly. If you’re not sure your Google Analytics tag is working aptly, attempt one of the options below to narrow your setup.

Check Your Real-Time Reports

The real-time reports allow you to see the current activity on your website. If these reports have data, your snippet gathers data and sends it to Google Analytics as expected.

The Real-Time overview and behavior reports allow you to see activity for specific pages. If you haven’t included the snippet to all pages on your website, you can check these reports to view whether the snippet is sending data from the pages you have tagged. These reports show activity for only the most active pages. Therefore, you can’t have an exhaustive assessment, but these reports are a good signal that your snippet is functioning aptly.

To view the real-time reports:

  • Sign in to your Analytics account.
  • Navigate to a view in the property to which you added the snippet. If you only recently included the snippet to this property (site), likely, there’ll only be a single view.
  • Open ‘Reporting’.
  • Select Real-Time > Overview.

Use Google Tag Assistant to Verify Your Setup

Google Tag Assistant is a free Chrome browser extension that shows you whether Google Analytics tags (the snippet) are working aptly. Tag Assistant allows you to record a user journey on your website. Now, view a report of all the hits sent during that journey and any issues associated with sending those hits.

The image below depicts an example of the types of errors that the Tag Assistant shows:

google analytics code example

Image source: Google Analytics Help

How to Troubleshoot Your Tag Setup?

If no data is appearing, or you don’t see the data you expect, you can use the troubleshooter to identify and resolve problems. The troubleshooter is designed to help you resolve issues with the setup of your Analytics tag. For instance, suppose you can’t see session data in your Google Analytics account. From the troubleshooter (https://support.google.com/analytics/troubleshooter/7400465), you can solve the issue as follows

google analytics code example

  • Choose an option where you are facing a problem.
  • Next, choose whether or not you are using the tag manager. Suppose you are not using the Google Tag Manager.

google analytics code example

  • You’ll get a list of suggestions, from where you can concentrate on your tag setup.

google analytics code example

FAQs:

Does Google Analytics work with Google Ads?

Yes it works. Linking your Google Ads with Google Analytics accounts gives you a more complete understanding of the user path from impression to conversion and helps you grow your online businesses.

Do you need Google Analytics for Google Ads?

Yes you need Google Analytics for Google Ads without connecting the two technologies together, your shopping funnel is incomplete. You can’t see Google Ads performance compared with other marketing channels, or how those Ads actually contribute to revenue.

How do Google Ads and Analytics work together?

Google Ads can only tell you interaction with your ad and reaching to landing page. If you really want to see what people are doing when they arrive on your site and discover just why they are bouncing away, then you need to hook up Google Analytics.

When you link Google Ads with Google Analytics?

When you need to in analyze your data directly in Google Ads and have to add more dimensions to your Google Ads visits at that time you have to link your Google Ads with Google Analytics.

Wrap Up

No matter what kind of website you have, it’s always good to know if users are visiting and what exactly they’re viewing on your site.  Google Analytics supports your business using technology, making it simple for you to understand user behavior on your site.

However, answers to seemingly simple questions such as the Google Analytics code become a lot easier with some professional guidance. Using these tips, you can always find your tracking code whenever you have to alter anything on your website.

Понравилась статья? Поделить с друзьями:
  • Как найти чистый факторный доход
  • Сбой меню загрузки как это исправить
  • Как найти фургон для мамы тревора
  • Как найти свое объявление на сайте знакомств
  • Как найти net framework на виндовс 10