Как настроить божественные списки ремаркетинга с помощью GTM

< >

Google ***ytics позволяет создавать списки ремаркетинга по любому сегменту. Но иногда стандартных параметров и показателей недостаточно. Например, когда по URL нельзя выделить название конкретного бренда или мы хотим использовать параметры, которые есть на сайте или в CRM клиента, но нет в Google ***ytics.

Что делать в таком случае? Cоздавать продвинутые списки ремаркетинга при помощи Google Tag Manager.

Еще больше сегментаций  

В бесплатном сервисе Google ***ytics можно добавлять до 20 кастомных параметров и показателей на один ресурс. И рекомендую не упускать такой шанс, чтобы использовать:

1. Любой параметр карточки товара.

Вы можете создать список ремаркетинга по типу «Все кто смотрел красные BMW в Киеве от $10 000 до $15 000 за последние 30 дней». И сделать такому пользователю персонализированное предложение. Также можно создать список ремаркетинга по «неформальному» признаку — «Смотрели бюджетные автомобили». И показывать потенциальному покупателю объявления с машинами искомой ценовой категории.

2. Данные о пользователе, которые есть в CRM у клиента.

Если у вас есть история покупок клиента из CRM, можно провести RFM-анализ: определяйте пользователей, которые наиболее склонны к покупке, и повышайте для них ставки в динамическом ремаркетинге или на поиске.

Предложите клиенту внедрить предсказательный алгоритм машинного обучения, который будет определять склонность пользователя к покупке на основе его поведения и истории покупок. Передавайте эти данные в Google ***ytics, чтобы делать аудитории из самых заинтересованных в покупке пользователей.

Кастомные параметры — гибкий метод реализации любого списка ремаркетинга на основе онлайн или оффлайн данных о пользователе или товаре. Все, что вам нужно — средней адекватности программист на стороне клиента.

Как настроить кастомный список ремаркетинга

Как настроить динамический ремаркетинг в Google Рекламе без Google Merchant Center Если вы настраивали динамический ремаркетинг в Google ***ytics, то вам будет нетрудно настроить и эти списки. Логика та же:

1. Поставить ТЗ на передачу данных в dataLayer.

Здесь предварительно определитесь, какие параметры и показатели хотите сохранять в Google ***ytics и на каких страницах нужно передавать данные.

Учтите посещаемость сайта и будете ли работать с передаваемыми показателями. Система может проигнорировать данные для сайтов с небольшой посещаемостью и сегменты будут висеть мертвым грузом.

Например, для сайта автомобильной тематики часть ТЗ выглядела вот так:

Выбираем читабельные названия для переменных и доступно объясняем разработчикам, что им необходимо сделать.

Лучше передавать данные о товарах, типах страниц, параметрах пользователя до кода Google Tag Manager. В таком случае вам обязательно нужно использовать инструкцию «var dataLayer = window.dataLayer = window.dataLayer || [];». Если Google Tag Manager еще не загружен, а массив dataLayer не создан, он будет пустым. Если массив уже есть, в него просто добавятся новые данные.

Добавляя данные до кода, вы сможете отправлять информацию в Google ***ytics вместе с тегом отслеживания по стандартному событию PageView. Так, вам не придется создавать новые теги для передачи дополнительных параметров.

2. Настроить отправку переменных в Google ***ytics Google Tag Manager.

Для этого вам нужно:

• на каждый из необходимых параметров создать свою переменную по типу «Переменная уровня данных»;

• если вы передаете данные до кода, в базовый тег Google ***ytics добавляйте нужные нам кастомные параметры или показатели;

• если данные отправляются после кода, лучше отправлять их отдельным тегом события. Обычно в качестве триггера достаточно выбрать «DOM Ready» или «Window Loaded». Но если вы передаете данные уже после загрузки страницы, вместе с параметром нужно отправить переменную «event» и создать соответствующий триггер «Пользовательское событие».

Когда все настроено правильно, в предпросмотре на вкладке «Переменные» по соответствующему ивенту отображены те переменные, которые вы создали:

3. Настроить пользовательские параметры в Google ***ytics.

Здесь самое важное, чтобы порядковый номер (индекс) переменной совпадал с тем, который вы передаете в Google Tag Manager.

В большинстве случаев, подходит тип переменной «Hit». Если нужно «привязать» данные к пользователю (например, передать его userId), нужно использовать тип «Пользователь».

4. Создать нужные списки ремаркетинга.

Выберите пользовательский параметр и его значение.

И проверьте, собираются ли данные в списки.

Что делать, если нет программиста

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

Например, вы хотите вытащить ID товара, чтобы передать его в динамический ремаркетинг:

1. Ищите нужный вам параметр на странице сайта. Кликаете по нему правой кнопкой и выбираете «Посмотреть код».

2. Копируете селектор CSS выделенного сегмента.

3. Проверяете в консоли с помощью запроса: $(\\\'XXX\\\').text() - где XXX — скопированный селектор.

Получаете примерно такой результат:

4. Так как нам нужен именно ID товара, а лишний текст просто мешает, необходимо разделить его с помощью комaнды «.split». В результате запрос будет выглядеть так:

$(\\\'#wrap > div.breadcrumbs > div\\\').text().split(\\\' \\\')[2]

.split(\\\' \\\') разделяет строку по выбранному нами символу на отдельные элементы массива. Здесь мы разделили строку по пробелу.  

[2] указывает, какой элемент массива нужно вернуть. В итоге мы получили ID товара, который нужен для работы динамического ремаркетинга:

Работа с Google Tag Manager v2 — что нового? 5. Передаем в переменную Google Tag Manager.

Теперь нам нужно «научить» Google Tag Manager видеть это значение. Для этого создаем переменную типа «Собственный код JavaScript».

Если все сделали правильно, в предпросмотре увидите свою переменную:

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

Справедливости ради отметим, у этого метода есть недостатки:

Как новичку разобраться в регулярных выражениях

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

• если на сайте будут вестись работы, переменные могут перестать функционировать.

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

Выводы

Как настраивать продвинутые списки ремаркетинга с помощью GTM:

1. Поставить ТЗ на передачу данных в dataLayer.
2. Настроить отправку переменных в Google ***ytics Google Tag Manager.
3. Настроить пользовательские параметры в Google ***ytics.
4. Создайте нужные списки ремаркетинга.

Что делать, если нет программиста?

1. Найти нужный параметр на странице сайта. Кликнуть по нему правой кнопкой и выбрать «Посмотреть код».
2. Скопировать селектор CSS выделенного сегмента.
3. Проверить в консоли с помощью запроса «$(\\\'XXX\\\').text()», где XXX — скопированный нами селектор.
4. Передать в переменную Google Tag Manager.