Как настроить аналитику Google Analytics 4 для рекламных кампаний через Google Tag Manager
В статье даем инструкцию, как настроить аналитику Google Analytics 4 для рекламных кампаний через Google Tag Manager для сайтов 4Partners.
С инструкцией вы сможете установить счетчик Google Analytics 4 и при необходимости добавить счетчик Яндекс Метрики, также добавить события для Google Analytics 4 через Google Tag Manager и цели из «Яндекс Метрики». А еще — проверить работоспособность событий и целей счетчиков и отметить часть событий как ключевые, чтобы использовать их для оптимизации рекламных объявлений.
Если вы ранее настраивали цели без инструкции, можете воспользоваться нашим чек-листом для проверки настройки целей и событий вашего сайта в Google Analytics 4 через Google Tag Manager.
С инструкцией вы сможете установить счетчик Google Analytics 4 и при необходимости добавить счетчик Яндекс Метрики, также добавить события для Google Analytics 4 через Google Tag Manager и цели из «Яндекс Метрики». А еще — проверить работоспособность событий и целей счетчиков и отметить часть событий как ключевые, чтобы использовать их для оптимизации рекламных объявлений.
Если вы ранее настраивали цели без инструкции, можете воспользоваться нашим чек-листом для проверки настройки целей и событий вашего сайта в Google Analytics 4 через Google Tag Manager.
Содержание:
Что такое Google Tag Manager и Google Analytics
Как установить Google Tag Manager: подготовительные работы
Как установить Google Analytics 4 через Google Tag Manager
Как создать конверсионные триггеры
Как настроить события для Google Analytics 4
Как настроить Яндекс Метрику через Google Tag Manager
Как проверить работу
Итоги
Что такое Google Tag Manager и Google Analytics
Как установить Google Tag Manager: подготовительные работы
Как установить Google Analytics 4 через Google Tag Manager
Как создать конверсионные триггеры
Как настроить события для Google Analytics 4
Как настроить Яндекс Метрику через Google Tag Manager
Как проверить работу
Итоги
Что такое Google Tag Manager и Google Analytics
Google Tag Manager (GTM) — бесплатный инструмент Google, который предназначен для удобного управления и внедрения тегов, то есть фрагментов кода на вашем сайте или в мобильном приложении. Без необходимости напрямую изменять код.
Это позволяет добавлять и обновлять теги для таких целей, как веб-аналитика, отслеживание конверсий, ретаргетинг, не полагаясь на разработчиков.
Google Analytics — инструмент веб-аналитики, который позволяет получать подробную информацию о посещаемости веб-ресурсов там, где он установлен. Он помогает отслеживать и анализировать данные о том, как пользователи взаимодействуют с сайтом, какие страницы посещают, как долго остаются, откуда пришли.
Это позволяет добавлять и обновлять теги для таких целей, как веб-аналитика, отслеживание конверсий, ретаргетинг, не полагаясь на разработчиков.
Google Analytics — инструмент веб-аналитики, который позволяет получать подробную информацию о посещаемости веб-ресурсов там, где он установлен. Он помогает отслеживать и анализировать данные о том, как пользователи взаимодействуют с сайтом, какие страницы посещают, как долго остаются, откуда пришли.
Как установить Google Tag Manager: подготовительные работы
Выберите «Создать аккаунт».
Шаг 2
Вы можете назвать сайт и контейнер одинаково, как, например, ваш адрес сайта. В качестве целевой платформы выбираем «Веб-сайт»:
Согласитесь с условиями Google.
Шаг 3
На следующей странице скопируйте восьмизначный код, который идет после Google Tag Manager.
Шаг 4
Перейдите в административную панель вашего сайта и в поле «Счетчик Google Tag Manager» вставьте скопированный код.
Шаг 5
Сохраните результаты и проверьте — результат должен быть положительным:
Шаг 6
Важно!
Если по какой-то причине вы не можете попасть на страницу из шага 6, в раздел администрирования Google Tag Manager можно пройти по адресу https://tagmanager.google.com/#/admin/.
Затем снова вызовите функцию проверки сайта по ссылке «Установить Google Менеджер тегов».
Продолжать настройку можно только после зеленой отметки о работоспособном Google Tag Manager-теге на сайте.
Управлять конфигурацией и активацией тегов в Google Tag Manager можно с помощью:
Все пункты меню можно найти в рабочей области GTM.
- Тегов. Это фрагменты кода, которые используются для сбора и передачи данных с вашего сайта на внешние платформы. Это может быть Яндекс Метрика, Calltracking-счетчик, тег связывания конверсий Google Ads.
- Триггеров. Это условия, при которых сработает код в пункте «А». Например — клик по кнопке, таймер, доступность формы.
- Переменных. Это условие, при котором активируется триггер. Они позволяют узнать, какую кнопку нажал пользователь, какую форму отправил.
Все пункты меню можно найти в рабочей области GTM.
Что такое теги, триггеры и переменные
Чтобы добавить типы переменных, нужно зайти в Google Tag Manager → перейти в рабочую область → выбрать пункт «Переменные»
Как добавить типы переменных
И нажать «Настроить»
Переменные добавляются обычно один раз, перед стартом работ.
Мы добавим все переменные — клики, формы, видео, которые могут потребоваться в работе:
Мы добавим все переменные — клики, формы, видео, которые могут потребоваться в работе:
- Click Classes || Переменная уровня данных
- Click Element || Переменная уровня данных
- Click ID || Переменная уровня данных
- Click Target || Переменная уровня данных
- Click Text || Переменная автоматического события
- Click URL || Переменная уровня данных
- Event || Специальное событие
- Form Classes || Переменная уровня данных
- Form Element || Переменная уровня данных
- Form ID || Переменная уровня данных
- Form Target || Переменная уровня данных
- Form Text || Переменная автоматического события
- Form URL || Переменная уровня данных
- On-Screen Duration || Переменная уровня данных
- Page Hostname || URL
- Page Path || URL
- Page URL || URL
- Percent Visible || Переменная уровня данных
- Referrer || URL перехода HTTP
Обычно триггеры добавляют чаще, чем переменные. Чтобы их добавить, в Google Tag Manager переходим на вкладку «Триггеры» и нажимаем «Создать».
Как добавить триггеры
Можно качественно отслеживать цели, если добавить триггеры:
- Все клики. Это необходимо, чтобы предварительно посмотреть, какие срабатывают события и переменные;
- Клики по всем ссылкам;
- Триггер на отправку форм;
Мы закончили подготовительные работы. Установим код счетчика Google Analytics 4 (GA4) на сайт через Google Tag Manager.
Важно!
Не путайте счетчик Google Analytics 4 и Google Tag Manager. Это разные сущности. Они могут работать независимо друг от друга.
Но есть возможность подключить счетчик Google Analytics 4 через код менеджера тегов GTM
Но есть возможность подключить счетчик Google Analytics 4 через код менеджера тегов GTM
Как установить Google Analytics 4 через Google Tag Manager
Шаг 1
Перейдите на страницу https://analytics.google.com.
Переподключитесь в режим администратора → Нажмите кнопку «Создать аккаунт».
Шаг 2
Укажите название аккаунта. Обычно указывают имя домена, например, seolt.ru → Отметьте все галочки, кроме «Продукты и сервисы Google» → Нажмите «Далее».
Шаг 3
Укажите название ресурса. Обычно указывают имя домена → Установите необходимую страну, временную зону, валюту.
Шаг 4
Укажите сведения о компании.
Шаг 5
Выберите все бизнес цели, кроме «Другое». Их можно будет настроить и дальше, но лучше отметить сейчас.
Шаг 6
Согласитесь с условиями конфиденциальности → Выберите платформу – веб → Создайте поток данных.
Шаг 7
Мы создали код Google Analytics 4. Но еще не вставили на сайт. Прежде чем это сделать, убедимся, что все данные для сбора включены в настройках.
Для этого следуем пути:
Google Analytics 4 → Администрирование → Сбор и редактирование данных → Потоки данных → Клик по потоку → Сведения о веб-потоке
Для этого следуем пути:
Google Analytics 4 → Администрирование → Сбор и редактирование данных → Потоки данных → Клик по потоку → Сведения о веб-потоке
→ Убеждаемся, что в настройках сбора GA4 все включено:
→ Далее:
Если все включено, возвращаемся в Google Tag Manager и создаем необходимый тег:
GTM → Теги → Создать
GTM → Теги → Создать
→ Тип тега – тег Google → Вносим ID с GA4:
→ Обязательно отмечаем срабатывание тега один раз.
- ID Google Analytics 4 выглядит так: G-EBEREX1261.
- Код Google Tag Manager выглядит так: GTM-TR3RB2NJ.
Не путайте ID Google Analytics 4 и код Google Tag Manager.
ID Google Analytics 4 можно посмотреть по пути:
Google Analytics 4 → Администрирование → Сбор и редактирование данных → Потоки данных → Клик по потоку → Сведения о веб-потоке данных.
ID Google Analytics 4 можно посмотреть по пути:
Google Analytics 4 → Администрирование → Сбор и редактирование данных → Потоки данных → Клик по потоку → Сведения о веб-потоке данных.
Важно!
Как проверить работу Google Analytics 4 на страницах сайта
Чтобы проверить работу тегов и событий Google Analytics 4 мы рекомендуем использовать Chrome-приложение Tag Assistant Companion. Скачать и установить его на базе Chromium-семейства можно здесь.
Запустить TAC можно также напрямую из кабинета Google Tag Manager.
Запустить TAC можно также напрямую из кабинета Google Tag Manager.
Видим, что Google Analytics 4 инициализируется на странице:
Если этого не происходит — значит код Google Analytics 4 не отрабатывает на страницах нашего сайта. Для дальнейшей настройки событий важно, чтобы Google Analytics 4 отрабатывал на каждой странице сайта.
Важно!
Некоторые браузеры, которые блокируют теги отслеживания Google, например, Brave, не дают возможности работать с Google Tag Manager. Они пишут, что теги GTM не найдены на странице. Учитывайте это.
Для работы с Google Tag Manager лучше использовать стандартные браузеры. Например — Google Chrome, Opera, Edge.
Для работы с Google Tag Manager лучше использовать стандартные браузеры. Например — Google Chrome, Opera, Edge.
Помните: все изменения, которые вы вносите в Google Tag Manager, появляются на сайте не сразу. Чтобы они появились на вашем сайте — их нужно опубликовать. Для этого нажмите кнопку «Отправить» в правом верхнем углу.
После того как будет выполнено тестирование кода Google Analytics 4 через Tag Assistant Companion, можно публиковать изменения на сайте.
Чтобы на 100% быть уверенными, что код Google Analytics 4 на сайте работает, проверяем его средствами Google Analytics 4.
Для этого идем по пути:
Google Analytics 4 → Администрирование → Сбор и редактирование данных → Потоки данных → Просмотр инструкций тега → Тестируем подключение нашего сайта к GA4.
Чтобы на 100% быть уверенными, что код Google Analytics 4 на сайте работает, проверяем его средствами Google Analytics 4.
Для этого идем по пути:
Google Analytics 4 → Администрирование → Сбор и редактирование данных → Потоки данных → Просмотр инструкций тега → Тестируем подключение нашего сайта к GA4.
Чтобы собрать улучшенную статистику, даем разрешение на сбор дополнительных данных. Для этого:
- Включите сбор данных
Далее — beta-сбор:
2. Установите максимальный срок хранения данных:
Как создать конверсионные триггеры
Чтобы настроить триггеры и теги для отслеживания конверсионных действий, выполним 5 шагов.
Триггеры и теги в корзине
Перейдите в корзину → Кликните на корзину с запущенным Google Tag Assistant →
В Google Tag Assistant посмотрите, какая переменная click URL содержится в событии Link Click:
В Google Tag Assistant посмотрите, какая переменная click URL содержится в событии Link Click:
Шаг 1
→ Создайте триггер:
Также можно установить просмотр страницы по одноименному URL:
Шаг 2
Form Submission ID: address-form
Укажите адрес:
Шаг 3
Page view: /my/shopping-cart/checkout
Оформите заказ:
Шаг 4
Процесс оплаты заказа:
Link classes: btn btn_size_l btn_accent checkout-summary__btn
Page view: /my/cart/master/payment/fail/
Page view: success
- Неуспешная оплата заказа:
Page view: /my/cart/master/payment/fail/
- Успешная оплата заказа:
Page view: success
Шаг 5
Процесс оплаты по инвойсу:
Link classes: btn btn-block btn-success btn-lg
Триггеры и теги в листинге и карточках товара
1. «В корзину» [листинг]:
Link classes: btn btn_primary btn_size_m
2. «В корзину» [POPup]:
Link classes: btn btn_size_l btn_primary product-quantity__btn
3. «Добавить в корзину» [карточка товара]:
Link classes: btn btn_primary btn_size_l card-product-btns__btn
Дополнительные триггеры и теги
1. «Таймер» для настройки микро-конверсий:
2. «Вход в личный кабинет»:
Полный список целей описан в файле:
Как настроить события для Google Analytics 4
События можно настраивать сразу в Google Tag Manager, после того, как они сработают — события появятся в Google Analytics 4. Однако можно настроить их и наоборот –– сначала в Google Analytics 4, а затем в Google Tag Manager.
Чтобы настроить события в Google Analytics 4 и Google Tag Manager, есть 3 шага:
Чтобы настроить события в Google Analytics 4 и Google Tag Manager, есть 3 шага:
Шаг 1
Добавьте событие в Google Analytics 4:
→ Далее:
Шаг 2
Добавьте тег в Google Tag Manager:
Шаг 3
Создайте конверсию в Google Analytics 4:
Аналогично пробросьте для всех остальных событий. Проброску в Google Analytics 4 можно пропустить, если событие в Google Tag Manager произошло. Когда пройдут сутки оно также появится и в Google Analytics 4.
- Проверьте отработку целей в Google Tag Assistant — отрабатывает событие «Инициализация счетчика Google Analytics 4»:
- Перейдите в корзину — отработало событие:
Если событие не появляется, то есть Tags Fired, значит оно не срабатывает
Как настроить Яндекс Метрику через Google Tag Manager
Чтобы настроить Яндекс Метрику через Google Tag Manager, выполним 2 шага.
Шаг 1. Устанавливаем счетчик Яндекс Метрики
Чтобы установить счетчик Яндекс Метрики, нужно:
1. Скопировать html-код счетчика Яндекс Метрики.
2. В тегах создать пользовательский HTML:
1. Скопировать html-код счетчика Яндекс Метрики.
2. В тегах создать пользовательский HTML:
Триггером выступают все страницы.
Шаг 2. Устанавливаем цели Яндекс Метрики за счет триггеров Google Tag Manager
Мы уже создали триггеры для целей Google Analytics 4. Опираемся на них и создаем цели для Яндекс Метрики.
- В Яндекс Метрике выберите Java-Script-событие, которое соответствует названию события в Google Analytics 4:
- Вставьте тег через пользовательский HTML:
В качестве триггера выберите тот, который ранее был создан для одноименной цели в Google Analytics 4.
3. Аналогично занесите все триггеры.
Если нужно проверить отработку целей через Яндекс Метрику — перейдите по ссылке, где отрабатывают все цели:
Если нужно проверить отработку целей через Яндекс Метрику — перейдите по ссылке, где отрабатывают все цели:
Как проверить работу
Чтобы проверить работает ли код в Google Tag Manager — используйте встроенную утилиту Tag Assistant. Для этого:
1. Зайдите в личный кабинет в Google Tag Manager и нажмите кнопку «Предварительный просмотр».
2. В следующем окне откроется:
1. Зайдите в личный кабинет в Google Tag Manager и нажмите кнопку «Предварительный просмотр».
2. В следующем окне откроется:
3. После этого нажмите кнопку «Подключить».
Важно!
Проверяйте в стандартных браузерах, которые не блокируют код Google или Яндекс. Например — Google Chrome, Edge, Firefox.
Если использовать экзотические браузеры,например, Brave — Tag Assistant может работать некорректно.
Если использовать экзотические браузеры,например, Brave — Tag Assistant может работать некорректно.
В окне с первичной проверкой результатов должен отобразиться первый активированный тег — Google Tag Manager:
Если в этом поле пусто, значит — контейнер Google Tag Manager не подгрузился и дальше ничего по целям работать не будет.
Далее обходим сайт и выполняем целевые действия:
Далее обходим сайт и выполняем целевые действия:
- В одной вкладке будет открыт ваш сайт с активированным Tag Assistant:
- В другой – информация о выполненных тегах:
Если Tag Assistant не откликается на запланированное целевое действие, то есть не добавляется выполненная цель в списке целей — значит, ваши теги не активировались и конверсия не произошла. Необходимо искать ошибку.
На что обратить внимание:
На что обратить внимание:
- На сайдбар. В нем пошагово отображаются все события. Если целей много — фильтрация по событиям поможет упростить работу:
- На вкладку «Уровень данных»:
Это DataLayer. От того, насколько правильно он насыщен, зависит качество аналитики электронной торговли.
Итоги
→ Чтобы установить Google Tag Manager на сайт 4Partners, нужно выполнить 6 шагов: войти в Google Tag Manager, создать аккаунт, согласиться с условиями Google, скопировать восьмизначный код, сохранить результаты в административной панели 4Partners и проверить.
→ Чтобы добавить типы переменных, нужно зайти в Google Tag Manager → Перейти в рабочую область → Выбрать пункт «Переменные»
→ Чтобы добавить типы переменных, нужно зайти в Google Tag Manager → Перейти в рабочую область → Выбрать пункт «Переменные»
→ Нажимаем «Настроить».
→ Триггеры добавляют чаще, чем переменные. Чтобы их добавить, в Google Tag Manager переходим на вкладку «Триггеры» и нажимаем «Создать».
→ Чтобы установить код Google Analytics 4 через GTM нужно выполнить 7 шагов: перейти на страницу https://analytics.google.com, переключиться в режим администратора
и создать аккаунт, указать название аккаунта, ресурса и сведения о компании, выбрать бизнес-цели и согласиться с условиями конфиденциальности, установить тег GA4 через GTM.
→ Чтобы проверить работу тегов и событий Google Analytics 4, мы рекомендуем использовать Chrome-приложение Tag Assistant Companion. Скачать и установить его на базе Chromium-семейства можно здесь.
→ События можно настраивать сразу в Google Tag Manager; после того, как они сработают — события появятся в Google Analytics 4.
→ Чтобы настроить Яндекс Метрику через Google Tag Manager, нужно выполнить 2 шага: установить счетчик Яндекс Метрики через GTM, установить цели Яндекс Метрики за счет триггеров Google Tag Manager.
→ Чтобы проверить, работает ли код в Google Tag Manager, нужно использовать встроенную утилиту Tag Assistant или плагин для браузера Tag Assistant Companion.
→ Чтобы проверить работу тегов и событий Google Analytics 4, мы рекомендуем использовать Chrome-приложение Tag Assistant Companion. Скачать и установить его на базе Chromium-семейства можно здесь.
→ События можно настраивать сразу в Google Tag Manager; после того, как они сработают — события появятся в Google Analytics 4.
→ Чтобы настроить Яндекс Метрику через Google Tag Manager, нужно выполнить 2 шага: установить счетчик Яндекс Метрики через GTM, установить цели Яндекс Метрики за счет триггеров Google Tag Manager.
→ Чтобы проверить, работает ли код в Google Tag Manager, нужно использовать встроенную утилиту Tag Assistant или плагин для браузера Tag Assistant Companion.
оставить заявку
Зарабатывайте на дропшиппинге больше. Оставляйте заявку и наш специалист свяжется с вами в ближайшее время и проконсультирует вас по всем вопросам.
с 09:00 по 21:00 по МСК