Универсальный шаблон для начала работы с GTM
сегодня уже невозможно себе представить настройку аналитики на сайте без такого удобного инструмента как Google Tag Manager - он существенно упрощает работу PPC специалистам и веб аналитиками, а также расширяет возможности отслеживания (без привлечения программиста) самых разных действий наших пользователей на сайте
при этом есть определенный набор настроек GTM, который кочует из проекта в проект и требует каждый раз одних и тех же настроек - настройки счетчиков, % скроллинга и времени, таймер, clientID и IP пользователя, копирование текста, скачивание файлов, набор стандартных отправок форм
поэтому удобно иметь заготовку, шаблон, со стандартными настройками, который при необходимости вы можете импортировать в новый контейнер, внести только свои номера счётчиков и CSS селекторы отслеживаемых элементов - и в течении 10 минут у вас готов к работе новый контейнер GTM
хочу поделится своим стандартным шаблоном, который вы можете скачать здесь, а ниже в статье ознакомиться с данными, которые необходимо изменить под себя для корректной работы аналитики на вашем проекте
данный шаблон составлен мной на базе статей нескольких известных аналитиков и коллег + какой-то мой опыт и наработки, в общем коллективный труд большого количества специалистов, поэтому кто себя узнает - спасибо за участие
0. импорт контейнера
первым делом переходите в Администрирование - Импортировать контейнер
затем выбираете файл шаблона - существующая рабочая область - перезаписать - подтвердить
на выходе у вас будут теги, триггеры и переменные, часть которых нужно чуток подправить, но обо всем по порядку
1. ID счетчиков UA, GA4, FB, Яндекс Метрики
(если вам какие-то из них не нужны, можно их теги не трогать или удалить)
в разделе переменные находим тип константа и вписываем ID наших счетчиков
2. передача clientID и IP пользователя
для этого вам нужно будет перейти в ваш счетчик гугл аналитики UA - настройки ресурса - пользовательские определения - специальные параметры и создать 2 новых параметра на уровне пользователя и сеанса - важно! запомнить индексы данных параметров, они нам и понадобятся на следующем шаге
возвращаемся в GTM - пользовательские переменные - clientID - и в самом JS скрипте указываем тот самый индекс из аналитики (в моем случае это 1) - сохранением изменения
с clientID закончили, переходим к IP пользователя
переходим в тег UA - IP и в специальных параметрах указываем тот самый индекс из аналитики (в моем случае это 3) - сохранияем
3. отправка разных типов форм и событий
тут я взял 4 самые ходовые типа событий для отслеживания на сайте
это:
- клик по кнопке;
- специальное пользовательское событие;
- видимость элемента - например после успешной отправки формы;
- посещение страницы - например переход в корзину
все, что нужно сделать, так это зайти в нужный вам триггер, при котором должен срабатывать тег и вписать свой - или CSS selector элемента или URL страницы или пользовательское событие из даталеера - тут все индивидуально от сайта к сайту, поэтому выбирайте что нужно вам
4. теги, которые не требуют никаких изменений
часть настроек не требует вашего вмешательства в теги, триггеры или переменные, но при этом вы сможете отслеживать на сайте:
- % скроллинга и время проведенное на активных вкладках сайта;
- текст скопированный с вашего сайта - это может быть тот же адрес или номер телефона или статья из блога;
- скачивание контента с сайта - инструкций, картинок, мануалов, etc.;
- наличие 404 ошибки на сайте;
- откорректированный показатель отказов;
- звонок с мобильного номера телефона;
- поведение пользователей на сайте через Hotjar;
вот в принципе и все
дальше переходите в аналитику и арбайтен :)))
надеюсь данный шаблон многим облегчит труд и сэкономит время
(у кого останутся вопросы - с удовольствием отвечу в комментариях или добро пожаловать в лс)