Проверяем правильность кода трекинга событий для GTM перед передачей их программисту для внедрения на сайт
Для опытных пользователей аналитических систем знакомых с JS, в этой статье ничего нового не будет. Но для тех кто недавно начал работать с системами аналитики или не знаком с JS эта статья поможет готовить коды трекинга без ошибок.
Ситуация. Вы настроили цели в GA и ЯМ, возможно через GTM. Теперь вам нужно подготовить коды трекинга, которые вы передадите программисту для установки на сайт. Задача довольно простая, но бывают ситуации, когда по невнимательности, вы забыли кавычку или совершили ошибку в названии события. Передали программисту ТЗ и коды, он отчитался, что все поставил. Вы пробуете, но ничего не работает, данные в систему аналитики не поступают. Ниже мы разберем как провалидировать написанные вами коды до установки на сайт.
Для этого нам потребуется консоль браузера, в режиме разработчика. Для того, чтобы перейти в консоль можно нажать ctrl+shift+j или кликнуть правой кнопкой мыши в браузере, выбрать пункт исследовать элемент и перейти на вкладку console.
Консоль позволяет заниматься отладкой js скриптов прямо в браузере.
Ниже пример страницы сайта с открытой консолью
В консоли можно писать команды на языке JS и тут же можно их исполнить и увидеть результат в окне с сайтом, если эти команды как-либо изменяют интерфейс сайта.
Т.к. коды трекинга аналитических систем это js функции принадлежащие библиотеке системы аналитики, то мы можем выполнить эту функцию через консоль и посмотреть передаются ли данные в систему аналитики или же возникают ошибки.
Рассмотри пример, у меня на сайте установлен GTM, формы работают через ajax, в момент успешной отправки формы я хочу отправлять событие, по которому будет фиксироваться цель GA. Для этого я настроил теги и триггеры в GTM и создал цель в GA и подготовил код который отправляет данные в GTM при помощи datalayer, но код на сайт еще не установлен. Я хочу до установки на сайт проверить, будет ли он отрабатывать или может я допустил ошибку в коде.
1 |
dataLayer.push({'event': 'sendform'}); |
Берем этот код, вписываем в консоль и нажимаем enter, чтобы команда выполнилась
Теперь идем в Google Analytics, в отчет по конверсиям в режиме реального времени и проверяем сработала ли наша цель. Мы видим, что в GA есть информация по этой конверсии
Еще раз напомню, что код на сайт для трекинга события отправки формы мы еще не ставили, но цель зафиксирована, потому что мы выполнили команду через консоль, которая отправила запрос о событии в системы аналитики и достижение цели отобразилось в отчете.
Давайте теперь выполним команду с ошибкой и посмотрим что произойдет, например забудем поставить последнюю кавычку после слова sendform
1 |
dataLayer.push({'event': 'sendform}); |
В результате в консоли мы получим сообщение о синтаксической ошибке, соответственно команда не будет выполнена и в GA не попадут данные о достижении цели
В данном примере мы рассмотрели отправку данных через datalayer и GTM, если вы не используете GTM, а напрямую используете коды трекинга GA или ЯМ, то можете их протестировать аналогичным образом используя их стандартные коды трекинга для событий.