Page tree
Skip to end of metadata
Go to start of metadata

Как добавить и настроить тег GTM для работы с Google Analytics

Настало время перейти к самой длинной и интересной теме нашего обзора - настройке Google Tag Manager

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

При помощи этого руководства мы сможем вызывать своё собственное событие гугл аналитики при клике на любом элементе сайта.

1. Установите на свой сайт код Google Tag Manager

2. Установите код отслеживания Google Analytics

3. Добавьте новый тег. Не закрывайте вкладку Аналитики - нам ещё понадобится идентификатор отслеживания.

4. Кликните по блоку Конфигурация тега и выберите Universal Analytics

5. Параметры категория, действие и ярлык укажите точно так же как были указаны при настройке цели - это важно. 

7. Отметьте галочку Включить переопределение настроек и в открывшемся поле укажите идентификатор отслеживания аналитики.
В Google Analytics его можно найти в разделе Администратор → Код отслеживания. Под надписью Идентификатор Отслеживания находится нужное значение.

8. Теперь событие аналитики в этом теге и наша цель в Google Analytics будут связаны между собой. Как только событие в теге сработает, оно появится в отчётах Google Analytics.
Но пока Вы не настроите Триггер - своего рода условие, при котором будет активироваться событие в теге, ничего не произойдёт.
С этим условием поступим так: мы знаем - чтобы оформить заказ на сайте нужно заполнить форму и нажать кнопку. Предположим, что если эта кнопка была нажата, то заказ ушёл на оформление)

9. Кликаем блок Триггеры → нажимаем "+" вверху справа → нажимаем на блок Настройка триггера → выбираем Клик - Все элементы

10. Клик по всем элементам нам не нужен, поэтому отмечаем Некоторые клики 

11. В первом выпадающем списке выбираем Новая переменная

12. Нажимаем блок Конфигурация и ищем в меню Переменная автоматического события.

13. Оставьте значение по умолчанию - «Элемент». Нажмите Сохранить и задайте какое-нибудь имя, допустим тоже «элемент»  - так будет удобнее


14. Теперь в триггере в первом списке должен быть выбран наш «элемент»

15. Во втором списке выберите пункт «соответствует селектору CSS»

16. В последнее поле впишите такое выражение:

.checkout-page > .button
может понадобиться подобрать необходимый Вам селектор элемента для конкретного действия

17. Сохраните все изменения, нажмите Отправить, и затем Опубликовать - изменения должны вступить в силу.

18. На этом всё! Если всё сделано правильно то события должны будут поступать в аналитику)


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


Вариант который мы рассмотрели подойдёт только для отслеживания клика по кнопке

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

То есть данным образом мы например не сможем настроить по клику Добавление товара в корзину

В этом случае поможет другой триггер: Пользовательское событие

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

Найдите в списке Пользовательское событие

Укажите идентификатор события которое отправляется с сайта, в нашем случае BUY

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

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


  • No labels