Как установить код отслеживания целей через Google Tag Manager

By 09.04.2020 12 января, 2021 Инструкции

Рассмотрим пошагово, как настроить отслеживание целей через Google Tag Manager (GTM) для фиксирования конверсий в рекламной сети Redtram. Выполнение такой настройки позволит увидеть, как пользователи вашего сайта, пришедшие из рекламной сети, взаимодействуют с контентом: покупают, регистрируются, переходят на нужные страницы и любые другие действия.

Предположим, у вас есть интернет-магазин и вы хотите фиксировать все клики по кнопкам на товаре, чтобы оценить эффективность рекламных кампаний. Настроим пошагово фиксацию конверсии по нажатию на кнопку «Купить».

Авторизируйтесь в аккаунте Google Tag Manager и выберите свой сайт, где вы хотите разместить коды отслеживания. В нашем примере это будет redtram.com, как показано на рисунке ниже.

После выбора мы попадаем в рабочую область, где указаны текущие настройки. Если вы ранее не использовали отслеживание целей через GTM, то создадим их с нуля.

Перейдем в раздел Теги и выполним создание тега для отслеживания конверсий для сайта.

Нажимаем кнопку «Создать» и в следующем окне указываем название и выбираем тип тега.

Для конфигурации и вставки кода в тег, выбираем «Пользовательский HTML».

Вставляем указанный ниже код отслеживания и сохраняем:

<script> (function(R,e,d,T,r,a,m){ R[T]=R[T]||function(){(R[T].q=R[T].q||[]).push(arguments)}, R[T].t=1*new Date();a=e.createElement(d),m=e.getElementsByTagName(d)[0]; a.async=1;a.src=r;m.parentNode.insertBefore(a,m) })(window,document,'script','rta','//js-rus.redtram.com/rta.js'); rta('create'); </script>

Отслеживание целей Google Tag Manager

Чтобы этот тег срабатывал на странице сайта, зададим для него условие (триггер). Это условие, на каких страницах он будет работать.

Отслеживание целей Google Tag Manager

В нашем случае устанавливаем его для всех страниц сайта.

Отслеживание целей Google Tag Manager

Выполняем сохранение сделанных настроек.

Отслеживание целей Google Tag Manager

В результате добавления тега для отслеживания, он появится в списке.

Далее настроим тег отслеживания и триггер для него, который будет срабатывать по нажатию кнопки «Купить» на карточке товара вашего интернет-магазина.

Указываем название для него, например, Redtram Goal и вставляем пользовательский код.

Здесь действием пользователя на сайте мы считаем нажатие на кнопке покупки. Для этого нам нужно скопировать код селектора кнопки. Это вы можете сделать на своем сайте через инспектор элемента на кнопке. Скопируйте свой селектор CSS и используйте его.

Выбираем элемент Клик — Все элементы.

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

Далее укажите свой селектор кнопки. На рисунке показан пример нашей кнопки. У вас, на третьем шаге, он будет другим.

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

Назовем тег «Нажатие на кнопку». Вставляем скопированный код отслеживания из кабинета. Указываем условие срабатывания, выбрав созданный ранее триггер.

После сохранения получаем такой вид рабочей области. Останется только нажать кнопку «Отправить», чтобы применились выполненные изменения.

Чтобы сделанные настройки применились, далее нажмите «Опубликовать».

Готово! Мы настроили коды отслеживания целей и теперь в рекламном кабинете вы сможете видеть конверсии. Отслеживание целей Google Tag Manager

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

Переменная Click Element, как ее добавить GTM?

Бывает, что при первой настройке GTM переменной ClickElement нет в списке, поэтому ее нужно добавить вручную, чтобы отслеживать клики на своем сайте. Покажем как ее добавить в GTM. Заходим в раздел «Переменные».

Отслеживание целей Google Tag Manager

Ставим галочку напротив ClickElement и сохраняем.

Отслеживание целей Google Tag Manager

Кроме ClickElement вы сможете использовать и другие параметры. У Google Tag Manager имеется большой арсенал для настроек. Это универсальный инструмент для интернет маркетолога.

Используя GTM, вы в дальнейшем можете установить любой код или счетчик, не прибегая к помощи программиста или веб-разработчика. Это поможет вам сохранить время и вносить изменения в код сайта за считанные минуты.

Если вам показалась сложной установка кода отслеживания с помощью GTM или вы не используете этот инструмент для своего сайта, отслеживание целей через GTM можно настроить иначе. Для этого попробуйте вручную разместить код по данной инструкции.