Дмитрий Макаров об эффективности

GTM. Запуск по фрагменту на экране

Dmitry Makarov·23 Jan 2019

Привет! С вами Дмитрий Макаров, автор паблика Эффективная реклама.

На днях друг попросил настроить сбор аудитории, которая видит оповещение об окончании тарифного плана.

GTM. Запуск по фрагменту на экране, image #1

Эта задача для Google Tag Manager, который я очень люблю) Если не знакомы с ним, то получить базовые навыки можете в этой статье.

Для удобства я сделал инструкцию в формате видео

Video only available to signed-in users
Error

И в формате статьи со скриншотами.

  1. Берём нужные данные с сайта
Шаг 1.1. Кликаем правой кнопкой мыши по области, в которой находится нужный текст, и выбираем «просмотреть код»
Шаг 1.1. Кликаем правой кнопкой мыши по области, в которой находится нужный текст, и выбираем «просмотреть код»
Шаг 1.2. Кликаем правой кнопкой мыши по выделенной области в исходном коде и копируем селектор
Шаг 1.2. Кликаем правой кнопкой мыши по выделенной области в исходном коде и копируем селектор

Далее вся работа в Google Tag Manager

2. Создаём переменную.

Шаг 2.1. Переходим в раздел «Переменные» (Variables), прокручиваем страницу в самый низ и под надписью «Пользовательские переменные» (User-Defined Variables) создаем новую переменную
Шаг 2.1. Переходим в раздел «Переменные» (Variables), прокручиваем страницу в самый низ и под надписью «Пользовательские переменные» (User-Defined Variables) создаем новую переменную
Шаг 2.2. Кликаем в свободную область, чтобы открылось меню с выбором переменных. Выбираем "Элемент DOM»
Шаг 2.2. Кликаем в свободную область, чтобы открылось меню с выбором переменных. Выбираем "Элемент DOM»
Шаг 2.3. Указываем метод выбора «Селектор CSS», в поле «селектор элементов» ставим селлектор, который скопировали из исходного кода (шаг 1.2.). Даём произвольное название переменной и сохраняем её.
Шаг 2.3. Указываем метод выбора «Селектор CSS», в поле «селектор элементов» ставим селлектор, который скопировали из исходного кода (шаг 1.2.). Даём произвольное название переменной и сохраняем её.

3. Создаём триггер

3.1. Идём в раздел Триггеры (Triggers) и создаём новый триггер
3.1. Идём в раздел Триггеры (Triggers) и создаём новый триггер
3.2. Выбираем тип триггера «Доступность Элемента»
3.2. Выбираем тип триггера «Доступность Элемента»
3.3. Указываем метод выбора «Селектор CSS», в поле «селектор элементов» ставим селлектор, скопированный в шаге 1.2. Выбираем созданную нами переменную. Копируем с сайта нужный текст. Даём название триггеру и сохраняем его.
3.3. Указываем метод выбора «Селектор CSS», в поле «селектор элементов» ставим селлектор, скопированный в шаге 1.2. Выбираем созданную нами переменную. Копируем с сайта нужный текст. Даём название триггеру и сохраняем его.
3.4. Создаём тэг
3.4. Создаём тэг
3.5. Выбираем конфигурацию «Пользовательский HTML»
3.5. Выбираем конфигурацию «Пользовательский HTML»
3.6. Вставляем код ретаргетинга. Прикрепляем к тэгу созданный триггер. Даём название тэгу. Сохраняем тэг.
3.6. Вставляем код ретаргетинга. Прикрепляем к тэгу созданный триггер. Даём название тэгу. Сохраняем тэг.
3.7. Публикуем версию GTM
3.7. Публикуем версию GTM

Вот и всё)

Где еще можно применить способ?

— Можно настроить рекламу на тех, кто ни разу не пополнял баланс. В триггере указываем «не содержит» «баланс: 0» (делаете как у вас на сайте). Так соберем тех, кто пополнял баланс. В рекламном кабинете эту аудиторию ставим в исключение.

— У вас онлайн сервис и на каждой странице отображается тариф? Вы можете рассказывать пользователям о преимуществах тарифа повыше.

— На некоторых сайтах стоит сторонняя платежка (а-ля яндекс деньги). После оплаты пользователь возвращается на старый URL, но с текстом а-ля «спасибо за оплату». Так можно выделять оплативших для исключения.

Спасибо за внимание! Удачных рекламных кампаний!;)

665 views·41 shares
665 views