Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Параметры событий Facebook Pixel нужны для детализации сбора аудитории, отслеживания конверсий и оптимизации рекламных показов. В eCommerce навыки работы с параметрами необходимы, чтобы извлекать максимальную пользу из данных о покупках. Составить техзадание или выполнить настройки вручную, в любом случае, без понимания принципов настройки параметров вам не обойтись.

В своей работе с рекламой на Facebook рекламодатели многократно сталкиваются с необходимостью передавать системе дополнительные данные по конверсиям на сайте — как для отслеживания эффективности, так и для ретаргетинга.

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

Где мы встречаемся с параметрами в Ads Manager

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

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

 

Полный перечень параметров, доступных для стандартных событий Pixel, можно найти в документации на facebook for developers.

Для каждого из 9 событий указаны возможные и обязательные параметры. Если вы хотите в будущем запускать динамический ретаргетинг, то нужно разобраться с такими параметрами, как content_ids и content_type — для указания ID и категорий товаров.

Для события “Покупки” обязательны параметры value и currency — цена и валюта товара. Эту особенность мы также затрагивали в статье о загрузке офлайн-событий: когда вы передаете данные об офлайн-покупках в систему Facebook, в таблице с данными обязательно нужно создавать столбцы для значения цены и валюты.

 

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

 

По умолчанию событие покупки имеет ценность 0 долларов США. Если вы хотите видеть в отчетности реальные данные по покупкам, то это значение следует изменить.

В случае eCommerce мы говорим о множестве товаров с разными ценниками. Устанавливать статистическое значение для каждой единицы — это море неоправданного труда. Поэтому мы хотим показать вам, как установить динамическое значение для параметра ценности через Google Tag Manager.

Как настроить передачу параметров через GTM

Перед стартом убедитесь, что выполнена базовая работа:

  • установлен стандартный код Facebook Pixel,
  • установлен контейнер GTM.

Итак, приступим.

Минимум, нужный нам для отправки событий в систему, — это следующая конструкция.

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

  • fbq указывает на взаимодействие с фейсбуком;
  • track — факт отправки события;
  • AddToCart — это название нашего конкретного события.

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

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Где value, currency, content_ids и content_type — название переменных, а все, что идет после двоеточия, — значение этих переменных, как пример рабочего кода, можно написать так:

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Формируем это событие в консоле, отправляем в систему по нажатию на Enter, и проверяем в Pixel Helper название и значение, которые мы ввели.

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Так как это пример, то расширение Facebook Helper выдает ошибку, что текущий id не соответствует фиду, но в реальной настройке, такой ошибки не будет.

Теперь эту конструкцию нужно перенести в GTM.

Создаем событие с параметром в GTM

  • Создаем новый тег.
  • Выбираем для него тип Custom HTML.
  • В редактируемое поле вносим код события с параметром в контейнере <script></script>.

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

 

Теперь для тега нужно выбрать триггер.

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

Так как мы будем передавать событие по факту добавления товара в корзину, то в качестве триггера следует выбрать Click All Element.

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Также, необходимо определить css селектор кнопки “В корзину” и добавить его в правила нашего триггера (о том, как определить css селектор, ниже):

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Сохраняем триггер, сохраняем тег и обновляем контейнер. Событие с параметром добавлено.

Остается вопрос: как вместо статических параметров, которые мы задали, использовать динамические переменные, которые соответствуют нашим товарам?

Создание динамического параметра для события

Возьмем для примера следующую страницу товара в онлайн магазине.

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

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

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

  • В разделе Variables — Переменные создаем новую переменную.

Выбираем для неё тип DOM Element.

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Далее, для создания переменной нам понадобится взять фрагмент кода непосредственно на сайте.

Чтобы взять значение цены товара, нам нужно выделить её, нажать Inspect / Проверить элемент — так мы увидим в коде место страницы, где размещается цена.

В данном случае, это элемент <span id=”priceblock_pospromoprice”></span>.

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Нажмите на этом элементе правой кнопкой мыши и выберите Copy —> Copy selector. Это значение мы вставим, как Selector для создания переменной в GTM.

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Вот такой вид имеет скопированный Selector:

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Он указывает на местоположение цены в коде страницы товара. Этот Selector нужно вставить в поле ‘Element Selector’ в окне создания переменной GTM, предварительно выбрав метод выбора (Selection Method) — ‘CSS Selector’.

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Назовем эту переменную ‘price’ и сохраним. Не забудьте также обновить контейнер.

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Теперь давайте проверим, как она работает.

Для этого обновим страницу сайта и посмотрим, какие события отрабатывают в Google Tag Manager.

Нас интересует событие типа DOM Ready. Откроем его переменные (Variables) и найдем нашу динамическую переменную цены — ‘price’. Как видим, значение для неё выводится корректное.

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

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

Для этого вернемся к созданному ранее тегу и вместо статического значения введем название переменной, тоже самое мы делаем и для content_ids.

В итоге у нас получится следующая конструкция:

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Сохраняем тег. Обновляем контейнер.

Проверим, как срабатывает обновленный тег.

Обновляем страницу сайта.

В Google Tag Manager мы можем увидеть, что наш тег сработал:

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

В Pixel Helper мы можем проверить отработку события. Как видим, в систему передается кастомный параметр цены с динамическим значением стоимости товара.

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

По такому же принципу мы можем создавать динамические переменные для значений ID и названий товара.

В этой части мы рассмотрели как передавать параметры к событиям Facebook Pixel через Google Tag Manager. С этим нам помог разобраться Андрей Осипов — практикующий веб-аналитик, сертифицированный тренер Google, учредитель школы веб-аналитики Андрея Осипова и автор блога “Веб-аналитика и результат”.

Создание кастомной конверсии и списка аудиторий

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

Настройка индивидуальных конверсий

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

  1. В Ads Manager в колонке “Измерения и отчетность” выбрать “Индивидуально настроенные конверсии”
  2. Далее нажмите “Создать индивидуально настроенную конверсию”
  3. Выберите необходимое событие из выпадающего списка в правом верхнем углу
  4. Добавьте “правило” и выберите необходимый вам параметр
  5. Добавьте название и описание конверсии (по необходимости)
  6. Сохраняйте. Индивидуально настроенная конверсия по событию с параметром готова.

Для чего стоит добавлять параметры в события? Давайте представим, что вы продаете широкий ассортимент товаров и у вас появилась цель на ближайшее время увеличить средний чек с 40 до 50 долларов США. Как же могут помочь параметры событий оптимизировать рекламу так, чтобы привлекать аудиторию, которая готова платить? Все довольно просто. Передавая данные по параметру “value”, мы сможем создать индивидуально настроенную конверсию для треккинга  и оптимизации рекламных показов под тех, кто тратил равно или больше 50 долларов. Наглядно это выглядит так:

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Максимальное число кастомных конверсий в рекламном аккаунте — 100, но можно удалять конверсии, которые больше не нужны и создавать новые. Ценность конверсии должно выражать целое число без каких-либо дополнительных символов.

Создание кастомных аудиторий

Чтобы создать кастомную аудиторию вам необходимо:

1. Найти “Аудитории” в колонке “Ресурсы”;

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

2. Нажать “Создать аудиторию” и выбрать “Индивидуализированная аудитория”.

3. В новом окне кликайте на “Трафик с сайта”.

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

4. Откроется окно с настройками аудитории на основе трафика с сайта.

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Здесь нам доступны следующие варианты:

  1. Все посетители сайта — позволяет создать аудиторию из людей, кто был на сайте в период от 1 до 180 дней.
  2. Люди, посещавшие определенные страницы — с помощью этого варианта можно собрать аудитории из указанных вами страниц.
  3. Пользователи с сортировкой по проведенному времени — позволяет собрать аудиторию людей, которые провели на сайте в среднем больше, чем другие посетители.
  4. Events (события) — дают возможность создавать аудиторию людей на основании событий и параметров.

Как вы уже поняли, нас интересует 4 вариант. При выборе необходимого вам события вы сможете выбрать нужный вам параметр и ввести его значение. Абсолютно идентичный процесс к созданию кастомных конверсий. Для наглядности мы предоставляем скрин-шот ниже:

Как передавать параметры к событиям Facebook Pixel через Google Tag Manager

Где это дальше реализуется на практике?

Вот всего несколько аспектов использования параметров к событиям:

  • ретаргетинг;
  • оценка ROAS;
  • оптимизация рекламных показов;
  • и многие другие.

После установки параметра для сбора данных по стоимости покупки вы сможете регистрировать такую конверсию, как «Покупка на сумму свыше $50».

Это дает дополнительные возможности для ретаргетинга по текущей платежеспособной аудитории. Кроме того, из этих пользователей можно создавать look-alike и оптимизировать ваши рекламные кампании на тех, кто с большой вероятностью сделает покупку свыше $50.

Данные, собранные с помощью параметра value, также отображаются в отчетах Facebook Analytics. С помощью ручных установок вы можете убедиться в корректности отчетов по Выручке или Жизненной ценности клиента.

Итоги

Многие из нас уже понимают ценность Facebook Pixel и насколько Google Tag Manager помогает в работе, но мало кто углубляется до уровня работы с параметрами. Мы часто используем параметры к событиям при работе с нашими клиентами. Это позволяет не только эффективно достигать результаты, но и максимально персонализировать коммуникационную стратегию. Чем подробнее данные мы имеем, тем точнее мы будем попадать в инсайты ЦА. За детализацию данных как раз и отвечают параметры.

Используйте параметры в своей работе, задавайте ваши вопросы и не забывайте подписываться на наш Messenger чат-бот и Telegram канал, чтобы не упустить наши следующие материалы!

 

0/5 (0 Reviews)

Мы свяжемся с вами
в течение 10 минут

Median ads & School использует файлы cookies для улучшения навигации сайта, предоставления возможности связаться с командой поддержки и маркетинговых активностей. Нажав «Принять и продолжить», вы соглашаетесь с нашей Политикой конфиденциальности.
Принять и продолжить