С помощью тега Google вы можете передавать данные в связанные целевые сервисы, такие как Google Реклама и Google Аналитика 4, чтобы оценивать эффективность своего сайта и объявлений.
Технологии, используемые при создании сайтов, в том числе файлы cookie, постоянно развиваются с учетом новых требований к конфиденциальности и браузерам, а также появляющихся законов. Поэтому очень важно реализовать на сайте надежные теги, которые помогут собирать точные данные.
Из этой статьи вы узнаете:
- Где можно посмотреть существующий тег Google
- Как установить тег Google на сайт
- Как проверить, работает ли тег
Что такое идентификатор тега и где его найти
Что такое идентификатор тега Google
Идентификатор тега – это идентификатор, который вы добавляете на свою страницу для загрузки тега. У одного тега может быть несколько идентификаторов. В этом случае отображаться будет основной идентификатор.
Если вы объедините или разделите теги, основной идентификатор тега, указанный во фрагменте кода в инструкциях по добавлению тега, может измениться. В этом случае вам не нужно снова добавлять теги на страницу. Пока на странице есть один из идентификаторов тегов, будет загружаться один и тот же тег. Если вы удалите целевой сервис, существующие идентификаторы тегов не изменятся.
Где можно посмотреть идентификатор тега Google?
Идентификатор тега Google можно посмотреть в Google Рекламе, Аналитике или Менеджере тегов. Для этого войдите в аккаунт и выполните указанные ниже действия.
Инструкции для Google Рекламы
Инструкции для Google Аналитики
- Откройте страницу Администратор и в разделе Сбор и редактирование данных выберите Потоки данных.
- Чтобы посмотреть подробную информацию, нажмите на поток.
- Результат: вы увидите настройки Google Аналитики и тега Google.
Инструкции для Google Менеджера тегов
Примечание. Посмотреть идентификатор тега Google в Менеджере тегов можно в том случае, если вы настроили контейнер для Google Рекламы, Аналитики или тега Google.
- Откройте Google Менеджер тегов.
- Перейдите на вкладку Теги Google. Здесь можно посмотреть теги Google, которые были добавлены ранее.
- Чтобы изменить настройки тега Google, нажмите на его название.
Что такое целевой сервис и идентификатор целевого сервиса
Что такое целевой сервис
Целевой сервис – это аккаунт решения Google для отслеживания, который добавлен в настройки тега Google и получает из него данные. В тег Google можно добавлять разные целевые сервисы, чтобы использовать одни и те же настройки на всех страницах сайта.
В настоящее время поддерживаются целевые сервисы четырех типов:
- Поток данных сайта Google Аналитики 4
- Аккаунт Google Рекламы
- Конфигурация Floodlight (используется в Менеджере кампаний 360, Дисплее и Видео 360)
- Источник конверсий Merchant Center
Что такое идентификатор целевого сервиса
Идентификатор целевого сервиса – это идентификатор, обозначающий подключенный продукт Google, например Google Рекламу или Google Аналитику. Тег Google использует этот идентификатор, чтобы загружать настройки, связанные с целевым сервисом, и перенаправлять события.
В Google Рекламе идентификатор целевого сервиса обычно совпадает с идентификатором отслеживания конверсий, например AW-98765.
В Google Аналитике он обычно совпадает с идентификатором потока данных сайта, например G-12345.
Как добавить тег Google на сайт
Чтобы начать сбор данных об эффективности сайта и объявлений, добавьте тег Google на каждую страницу своего ресурса.
Для этого сначала выберите сервис.
Если вам нужно собирать множество данных и управлять в том числе сторонними тегами, настройте тег Google с помощью Google Менеджера тегов.
Как настроить тег Google в Google Рекламе
- Использовать тег Google, указанный на вашем сайте (рекомендуется)
- Использовать уже имеющийся у вас тег Google
- Установить тег Google
Использовать тег Google, указанный на вашем сайте (рекомендуется)
Этот вариант позволяет использовать тег, обнаруженный на вашем сайте, и не требует изменения кода сайта. Пользователи вашего аккаунта будут добавлены как пользователи тега. Подробнее об управлении тегом Google…
- Нажмите Подробная информация, чтобы посмотреть сведения о теге.
- Нажмите Готово.
Примечание. Рекомендуем добавлять не более одного экземпляра тега Google на каждую страницу сайта.
- Далее вам необходимо задать настройки тега Google.
- Вы можете запустить Tag Assistant, чтобы проверить действия ключевых событий и сбор данных.
Использовать уже имеющийся у вас тег Google
Выбрав этот вариант, вы узнаете, обнаружен ли тег на указанном вами сайте. Выберите тег с пометкой "На сайте", чтобы завершить настройку, не меняя код сайта.
Если на ваш сайт поступает мало трафика, рядом с тегом может быть пометка "Не найден". Если вы выберете такой тег, возможно, вам потребуется добавить его на сайт. Пользователи вашего аккаунта будут добавлены как пользователи тега. Подробнее об управлении тегом Google…
Если у вас есть доступ с правами администратора к перечисленным тегам, то вы их найдете. Если нужный тег найти не удалось, то, возможно, у вас нет разрешений, необходимых для его изменения.
- Нажмите Выбрать тег, чтобы узнать:
- к каким тегам у вас есть доступ с правами администратора;
- идентификаторы тегов;
- где обнаружен тег.
- Если тег обнаружен на указанном вами ресурсе, можно выбрать тег с пометкой "На сайте", чтобы завершить настройку, не меняя код сайта. Если вы выберете такой тег, возможно, вам потребуется добавить его на сайт.
- Выберите нужный тег Google и нажмите Подтвердить.
Установить тег Google
Тег Google можно установить одним из двух способов:
- С помощью конструктора сайтов
- Вручную
С помощью конструктора сайтов
Чтобы добавить на сайт тег Google, можно использовать конструктор сайтов или систему управления контентом (CMS), такую как Wix или Duda. Выберите конструктор сайтов и следуйте инструкциям, чтобы завершить настройку тега Google, не меняя код сайта. Если вы пытаетесь добавить тег через систему управления контентом или конструктор сайтов, но они не принимают идентификатор тега, начинающийся с "GT-", вы можете использовать псевдоним (AW-XXXXX или G-XXXXX), который они поддерживают.
Если вы управляете сайтом с помощью одной из перечисленных ниже платформ, то можете завершить настройку тега Google, не изменяя код.
Подробнее о том, как добавить тег Google с помощью конструктора сайтов…
После окончания установки:
- Нажмите Готово, и Google просканирует ваш сайт.
- Снова нажмите Готово, чтобы завершить настройку тега Google.
Вручную
Этот вариант подходит, если вы впервые настраиваете в своем аккаунте тег для отслеживания действия-конверсии и ещё не добавляли тег Google.
- Чтобы установить тег, скопируйте и вставьте его в код каждой страницы сайта сразу после элемента
<head>
. Не добавляйте на страницу больше одного тега 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> - Если потребуется, измените тег Google:
- Если вы не хотите, чтобы тег Google добавлял посетителей сайта в списки ремаркетинга при первой загрузке страницы, включите в команду 'config' фрагмент, выделенный цветом:
gtag('config',' TAG_ID',{'send_page_view': false});
- Чтобы тег Google не создавал собственные файлы cookie в вашем домене, добавьте в команду 'config' строку, выделенную цветом:
gtag('config',' TAG_ID',{'conversion_linker': false});
- Примечание. Мы не рекомендуем этого делать, поскольку в результате снизится точность отслеживания конверсий. Если вы хотите отключить сбор данных для ремаркетинга во всех аккаунтах Google Рекламы, где он настроен, добавьте выделенную цветом команду
gtag('set')
в тег Google перед командойgtag('js')
.
<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>
- Примечание. Мы не рекомендуем этого делать, поскольку в результате снизится точность отслеживания конверсий. Если вы хотите отключить сбор данных для ремаркетинга во всех аккаунтах Google Рекламы, где он настроен, добавьте выделенную цветом команду
- Если вы не хотите, чтобы тег Google добавлял посетителей сайта в списки ремаркетинга при первой загрузке страницы, включите в команду 'config' фрагмент, выделенный цветом:
- Скопируйте тег Google и добавьте его в код своего сайта.
- Откройте HTML-код страницы, на которую пользователь попадает после совершения конверсии, например с текстом "Спасибо за покупку" (она называется страницей конверсии).
- Между тегами
<head></head>
страницы сначала вставьте глобальный тег, а затем теги событий, относящихся к этой странице. - Сохраните изменения.
- Нажмите Готово.
- Нажмите Установить тег события.
- В разделе "Тег события" выберите, как отслеживать конверсии – при загрузке страницы или после клика.
- При загрузке страницы. Конверсия регистрируется, когда пользователь открывает страницу конверсии, например подтверждение оплаты покупки или подписки на рассылку. Это самый распространенный вариант, применяемый по умолчанию. Подробнее о стандартах безопасности Google…
- При клике. Конверсия засчитывается, когда пользователь нажимает кнопку (например, "Купить") или переходит по ссылке.
- Скопируйте тег события и следуйте инструкциям по добавлению тега на сайт или нажмите "Скачать тег", чтобы добавить его позже.
- Если вы отслеживаете конверсии по загрузке страницы, добавьте фрагмент события на нужную страницу.
- Если вы отслеживаете конверсии по клику, добавьте тег события на страницу с нужной кнопкой или ссылкой.
- Нажмите Далее.
- Нажмите Готово.
- Нажмите Готово. Если в качестве конверсий вы отслеживаете клики на сайте, добавьте дополнительный фрагмент в код нужной кнопки или ссылки, следуя инструкциям в статье Как отслеживать клики на сайте в качестве конверсий. Без этого отслеживание работать не будет.
Затем необходимо проверить, работает ли тег Google.
Как настроить тег Google в Google Аналитике
- На странице Администратор в разделе Сбор и редактирование данных выберите Потоки данных.
Ссылка "Назад" ведет на ресурс Аналитики, который вы открывали последним. Вы можете выбрать другой ресурс с помощью селектора. У вас должна быть по меньшей мере роль редактора, на уровне ресурса, чтобынастроить тег Google.
- Выберите нужный поток данных.
- В разделе "Тег Google" нажмите Настроить тег.
- В разделе "Ваш тег Google" нажмите Инструкции по установке.
- Затем выберите "Добавление тега с помощью конструктора сайтов" или "Установить вручную":
- Используйте вариант "Добавление тега с помощью конструктора сайтов", если вы управляете сайтом через конструктор сайтов (или платформу системы управления контентом, например Wix или Wordpress). Выберите конструктор сайтов и следуйте инструкциям, чтобы завершить настройку тега Google, не меняя код сайта.
- Если вы решили установить тег вручную, перейдите на вкладку "Установить вручную". Вы увидите фрагмент JavaScript для тега Google вашего аккаунта. Чтобы установить связь между сайтом и Google Аналитикой, скопируйте и вставьте весь фрагмент тега Google в код каждой страницы сайта сразу после элемента
<head>
. Ваш тег Google – это целый раздел кода, который начинается с
<!-- Global tag (gtag.js) -->
и заканчивается элементом
</script>
Сбор данных начнется в течение 30 минут. Откройте отчет в реальном времени, чтобы проверить, поступают ли данные.
Завершив настройку, проверьте, работает ли тег Google.
Для добавления ресурса Google Аналитики 4 на сайт, где уже реализован другой такой ресурс, используйте Ассистент настройки GA4.
Инструкции по настройке тега Google в Менеджере кампаний 360
Тег Google можно установить одним из следующих способов:
- Вручную
- C помощью конструктора сайтов
Вручную
Если у вас сайт со специально созданным кодом, добавьте тег Google вручную, как описано ниже.
- На вкладке "Тег 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> -
Скопируйте и вставьте этот фрагмент в код каждой страницы сайта сразу после элемента
<head>
.
С помощью конструктора сайтов
Чтобы добавить на сайт тег Google, можно использовать конструктор сайтов или систему управления контентом (CMS), такую как Wix или Duda. Выберите конструктор сайтов и следуйте инструкциям, чтобы завершить настройку тега Google, не меняя код сайта.
Подробнее о том, как добавить тег Google с помощью конструктора сайтов…
После окончания установки:
- Нажмите Готово, и Google просканирует ваш сайт.
- Снова нажмите Готово, чтобы завершить настройку тега Google.
Примечание. Рекомендуем добавлять не более одного экземпляра тега Google на каждую страницу сайта.
Завершив настройку, проверьте, работает ли тег Google.
Инструкции по настройке тега Google в Менеджере тегов
Вы можете настроить тег Google в Менеджере тегов, чтобы управлять и этим, и другими тегами в одном сервисе.
Подготовка
Чтобы настроить тег Google в Менеджере тегов, вам потребуется идентификатор этого тега. Узнайте, как его найти.
Если вы уже добавили тег Google на свой сайт, но теперь хотите использовать только Менеджер тегов, выполните инструкции, приведенные в руководстве по переносу.
Шаг 1. Создайте тег Google
Чтобы настроить отслеживание, сначала необходимо создать тег Google.
- Откройте Google Менеджер тегов
- Выберите контейнер, который нужно настроить. Откройте меню Теги.
- Нажмите Создать. В верхней части экрана укажите название тега, например "Конфигурация тега Google – example.com".
- В окне Конфигурация тега выберите тег Google.
- Настройте тег. В поле Идентификатор тега укажите идентификатор тега Google.
Где можно посмотреть идентификатор тега Google?
Идентификатор тега Google можно посмотреть в Google Рекламе, Аналитике или Менеджере тегов. Для этого войдите в аккаунт и выполните указанные ниже действия.
Инструкции для Google Рекламы
Откройте настройки тега Google.Инструкции для Google Аналитики
- Откройте страницу Администратор и в разделе Сбор и редактирование данных выберите Потоки данных.
- Чтобы посмотреть подробную информацию, нажмите на поток.
- Результат: вы увидите настройки Google Аналитики и тега Google.
Инструкции для Google Менеджера тегов
Примечание. Посмотреть идентификатор тега Google в Менеджере тегов можно в том случае, если вы настроили контейнер для Google Рекламы, Аналитики или тега Google.
- Откройте Google Менеджер тегов.
- Перейдите на вкладку Теги Google. Здесь можно посмотреть теги Google, которые были добавлены ранее.
- Чтобы изменить настройки тега Google, нажмите на его название.
- Необязательно. Вы можете задать дополнительные настройки, регулирующие взаимодействие тега Google с целевыми сервисами. Если вы настраиваете тег Google и хотите оставить все параметры по умолчанию, перейдите к разделу Шаг 2. Создайте триггер.
Дополнительные настройки
Настройки глобальных параметров
Чтобы установить общий контекст для нескольких тегов Google, укажите на своем сайте глобальные параметры с помощью gtag.js.
Дополнительную информацию о том, как использовать одни и те же параметры для всех тегов, вы найдете в документации для разработчиков.
Настройки конфигурации
Вы можете задать дополнительные параметры конфигурации, влияющие на настройки тега Google.
Если вы хотите использовать одну и ту же конфигурацию для всех тегов Google, создайте переменную настроек конфигурации.
Общие настройки событий
Вы можете задать дополнительные параметры, которые будут передаваться с каждым событием, например валюту
цены. Параметры событий действительны только для того тега, в который их добавили.
Если вы хотите использовать одни и те же настройки событий для всех тегов Google, создайте переменную настроек событий тега Google. Используйте названия параметров рекомендуемых событий, чтобы Google Аналитика могла автоматически подставлять параметры и показатели.
Отправка данных на сервер тегов
Добавление тегов на стороне сервера позволяет перенести некоторые теги с сайта или из приложения на сервер. Это помогает повысить производительность. Подробнее о добавлении тегов на стороне сервера…
Чтобы настроить отправку всех событий в серверный контейнер Менеджера тегов вместо Google Аналитики, добавьте параметр конфигурации, как описано ниже.
- Откройте меню Настройки конфигурации.
- Настройте URL серверного контейнера, добавив следующий параметр конфигурации:
- Название:
server_container_url
. - Значение: URL серверного контейнера Менеджера тегов.
- Название:
Результат: параметры конфигурации должны выглядеть, как показано ниже.
Настройка свойств пользователей
Свойства пользователей – это атрибуты, описывающие группы пользовательской базы, например язык, географическое местоположение и т. п. Эти свойства можно использовать для определения аудиторий.
Например, вы можете настроить свойство пользователя под названием favorite_food
, с помощью которого будут регистрироваться данные о любимых блюдах пользователей. На основе полученных данных можно сегментировать пользователей по их любимым блюдам.
Некоторые параметры пользователей регистрируются в Аналитике автоматически, поэтому для них свойства настраивать не нужно. Для каждого ресурса Google Аналитики 4 можно добавить до 25 свойств пользователей.
Если вы хотите отслеживать особые свойства пользователей, создайте переменную события и назначьте ее тегу Google.
7. Сохраните тег Google.
Шаг 2. Создайте триггер
Затем необходимо создать триггер, который будет активировать тег Google при загрузке вашего сайта.
- Чтобы тег Google активировался раньше других триггеров, нажмите Триггеры и используйте триггер Инициализация – все страницы. Подробнее о триггерах типа "Просмотр страницы"…
- Укажите Название тега и нажмите Сохранить.
Результат
Ниже приведен пример конфигурации тега после настройки.
Шаг 3. Опубликуйте контейнер
Чтобы перенести на сайт последние изменения, нажмите кнопку Отправить в правой верхней части страницы.
Результат
Завершив настройку, проверьте, работает ли тег Google.
Если вы хотите добавить другие теги, изучите руководство по Google Менеджеру тегов.
Как проверить, работает ли тег
- Откройте Google Tag Assistant
- Укажите URL своего сайта.
- В верхней части Tag Assistant появятся все обнаруженные теги. Посмотрите, есть ли среди них тег Google .
- На вкладке Summary (Сводка) проверьте, передает ли тег данные о событиях.
- ✅ Если тег Google собирает и передает данные о событиях, значит он настроен правильно.
- ❌ Если тега Google нет или он не собирает данные, изучите информацию, приведенную в разделах ниже.
Не забудьте настроить тег Google на каждом сайте, который должен отправлять данные. Вы можете проверить, где уже есть тег Google, в сводке о покрытии тега.
Что делать, если тег не найден
Если Tag Assistant не обнаружил тег Google, убедитесь в следующем:
- Идентификатор потока данных указан верно.
- Код активен. С помощью инструментов разработчика в браузере можно проверить, какой код был загружен.
Что делать, если данные не поступают в целевой сервис
Если в Tag Assistant вы видите, что на странице есть тег Google, но данные не поступают, возможно, тег не подключен к целевому сервису.
В этом случае на странице тега Google появится предупреждение. Вы можете связать целевой сервис с существующим тегом Google или создать новый тег.
Дальнейшие действия
Настроив тег Google, убедитесь, что он передает нужные данные.