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

By 09.04.2020 9 июня, 2020 Инструкции

Рассмотрим пошагово, как настроить отслеживание целей через 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>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Готово! Мы настроили коды отслеживания и теперь в рекламном кабинете вы сможете видеть конверсии.

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

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

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

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

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

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

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