Установка пикселя Top@Mail.Ru на сайт с помощью Google Tag Manager

Пиксель Top@Mail.Ru для myTarget позволяет собрать аудиторию сайта, рекламной кампании в сторонней сети или системе — там, где нет возможности использовать полный код счетчика Top@Mail.Ru. Собрав аудиторию, мы можем использовать ее для ретаргетинга в myTarget.

В этом материале мы разберемся с установкой пикселя myTarget на сайт через Google Tag Manager. Всего будет три этапа:

создание пикселя в myTarget;
публикация на сайте;
проверка работоспособности.

Создание пикселя Top@Mail.Ru

Для работы с пикселем:

необходимо создать счетчик Top@Mail.Ru (подробно об этом — в справке);
зарегистрироваться в myTarget;
привязать созданный счетчик Top@Mail.Ru в myTarget.

1. В myTarget во вкладке «Список клиентов» выбираем нужного нам клиента.

2. На верхней панели выбираем «Аудитории», слева в списке находим «Пиксели Top@Mail.Ru», заполняем поля («Имя» и «Счетчик») и нажимаем на кнопочку «Создать пиксель». После чего нам высветится окошко с кодом пикселя, закрываем его, переходим в Top@Mail.Ru и логинимся там.

3. В верхней панели выбираем «Мои счетчики», в списке слева скролим вниз, находим пункт «Настройки счетчика» и выбираем «Цели».

4. Находим нужный нам пиксель и нажимаем на значек «код».

5. Копируем код и идем в GTM.

Настройка в Google Tag Manager

6. Переходим в «Теги» и жмем кнопку «Создать».

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

8. Далее у нас появится окно для вставки кода. Нажимаем на текстовое поле и вставляем наш скопированный код пикселя. Для корректной работы необходимо установить порядок срабатывания тегов. Тег пикселя должен срабатывать после тега счетчика Top@Mail.Ru. Выставляем соответствующие настройки, как на скриншоте ниже. После чего нам предстоит создать триггер. Жмем на рамку «Триггеры».

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

Выбор триггера

Сохранение тега

Проверка работоспособности

10. Теперь нам нужно проверить срабатывание кода пикселя. Жмем на предварительный просмотр и в новой вкладке заходим на наш сайт.

11. При переходе внизу сайта должно открыться окошко с тегами и если в списке «Запущенные теги на этой странице» (Tags Fired On This Page) высветился наш созданный тег с кодом пикселя, то все работает корректно и пиксель работает.

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