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

By 09.04.2020 3 мая, 2022 Инструкции

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

Оговорим терминологию «ремаркетинг» и «ретаргетинг».
Это два одинаковых по смыслу термина. Они означают возможность таргетирования рекламных кампаний на пользователей, которые уже были на сайте или взаимодействовали с рекламными кампаниями. Ремаркетинг используется в рекламных терминологиях Google, а ретаргетинг — у Yandex, вот и вся разница.

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

Для этого нам потребуется, во-первых, установить код ремаркетинга (ретаргетинга) для фиксации посетителей сайта, во-вторых, назначить нужные цели. Все это мы будем делать через Google Tag Manager – универсальный и незаменимый инструмент для владельцев сайтов.

1. Установка кода ремаркетинга

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

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

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

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

Для конфигурации и вставки кода в тег выбираем «Пользовательский 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

В нашем случае используем код на всех страницах сайта. Тег создаем с условием «All pages».

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

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

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

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

Применяем выполненные изменения. Нажимаем кнопку «Отправить»

Gtm отправить

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

Gtm опубликовать

Жмём «Опубликовать» для применения изменений на сайте. После этого код ремаркетинга будет загружаться на всех страницах вашего сайта. Вы можете проверить это в инспекторе.

Gtm ожидание загрузки

2. Установка целей через GTM

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

Указываем название для него, например, 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 можно настроить иначе. Для этого попробуйте вручную разместить код по данной инструкции.