Как настроить события пикселя facebook через google tag manager
С каждым годом digital-мир наблюдает за выходом нововведений рекламных кабинетов крупных социальных сетей. Тренды в этой области задает, конечно же, Facebook. Как бы противники «фейсбучного господства» не обвиняли команду сети в том, что они настроены только на выкачку средств из рекламодателей, ребята из Facebook постоянно усовершенствуют рекламный кабинет. И на выходе каждый, кто платит за таргетированную рекламу, получает широкие возможности для анализа эффективности рекламных компаний.
В деле усовершенствования аналитики рекламных компаний подключился и другой гигант цифровой эры – Google. Google Tag Manager (далее GTM) – бесплатный инструмент, который был создан, в первую очередь, для управления фрагментами кодов для рекламных и аналитических задач. Правильная настройка GTM под Ваши цели рекламной кампании поможет вывести процесс получения корректных данных на новый уровень.
Как соединить возможности рекламного кабинета Facebook и GTM?
Давайте начнем с базовых моментов. Если у Вас есть сайт и Вы ведете бизнес-аккаунт в Facebook, то цель львиной доли рекламных кампаний, которые Вы запускаете, это переходы на сайт и совершения пользователями целевых действий.
Для анализа эффективности конверсионных рекламных кампаний используется инструмент – Пиксель Facebook. Пиксель позволяет:
- отслеживать различные действия аудитории на сайте;
- собирать информацию о целевой аудитории и настроить более точные ориентиры в рекламе;
- оптимизировать рекламные кампании и увеличить конверсии на сайт.
Пиксель представляет собой фрагмент кода, который необходимо вставить в код сайта.
Задача рекламной кампании (далее РК) не всегда является прямое стимулирование к покупке. Некоторые РК решают задачи и по знакомству с брендом, с экспертным контентом, представленном на сайте. Соответственно список действий пользователей на сайте не ограничивается одним.
Поэтому Пиксель состоит из 2-х частей:
- Базовый код. Его устанавливают на все страницы сайта.
- Коды событий. Встраивают под индивидуальные цели бизнеса.
События — это действия на сайте (просмотр контент, заполнение формы, покупка и т.д.).
Чтобы отслеживать события, нужно разместить в аккаунте GTM фрагмент кода, с помощью которого будут зафиксированы действия пользователей.
С каждым годом digital-мир наблюдает за выходом нововведений рекламных кабинетов крупных социальных сетей. Тренды в этой области задает, конечно же, Facebook. Как бы противники «фейсбучного господства» не обвиняли команду сети в том, что они настроены только на выкачку средств из рекламодателей, ребята из Facebook постоянно усовершенствуют рекламный кабинет. И на выходе каждый, кто платит за таргетированную рекламу, получает широкие возможности для анализа эффективности рекламных компаний.
В деле усовершенствования аналитики рекламных компаний подключился и другой гигант цифровой эры – Google. Google Tag Manager (далее GTM) – бесплатный инструмент, который был создан, в первую очередь, для управления фрагментами кодов для рекламных и аналитических задач. Правильная настройка GTM под Ваши цели рекламной кампании поможет вывести процесс получения корректных данных на новый уровень.
Как соединить возможности рекламного кабинета Facebook и GTM?
Давайте начнем с базовых моментов. Если у Вас есть сайт и Вы ведете бизнес-аккаунт в Facebook, то цель львиной доли рекламных кампаний, которые Вы запускаете, это переходы на сайт и совершения пользователями целевых действий.
Для анализа эффективности конверсионных рекламных кампаний используется инструмент – Пиксель Facebook. Пиксель позволяет:
- отслеживать различные действия аудитории на сайте;
- собирать информацию о целевой аудитории и настроить более точные ориентиры в рекламе;
- оптимизировать рекламные кампании и увеличить конверсии на сайт.
Пиксель представляет собой фрагмент кода, который необходимо вставить в код сайта.
Задача рекламной кампании (далее РК) не всегда является прямое стимулирование к покупке. Некоторые РК решают задачи и по знакомству с брендом, с экспертным контентом, представленном на сайте. Соответственно список действий пользователей на сайте не ограничивается одним.
Поэтому Пиксель состоит из 2-х частей:
- Базовый код. Его устанавливают на все страницы сайта.
- Коды событий. Встраивают под индивидуальные цели бизнеса.
События — это действия на сайте (просмотр контент, заполнение формы, покупка и т.д.).
Чтобы отслеживать события, нужно разместить в аккаунте GTM фрагмент кода, с помощью которого будут зафиксированы действия пользователей.
В этой статье будем настраивать события пикселя Facebook по тригерам на скрол и таймеры.
Зачем это нужно?
У Facebook есть цель "Конверсии", в данной цели FB оптимизирует рекламу на совершение конверсий.
При настройке событий на скролл и таймер мы можем с помощью этой цели показывать свою рекламу активным пользователям сайта: тем кто скроллит и сидит на сайте определенной количество времени.
Как происходит настройка этих событий.
В GTM проверяем настроены ли у нас все переменные.
Далее идем в пункт триггеры и создаем триггер на основе скролла.
Для этого в настройке триггера выбираем “глубина прокрутки”.
У нас есть выбор: глубина вертикальной или горизонтальной прокрутки. Отмечайте галочкой нужный вариант и указывайте процент прокрутки.
Условие активации триггера вы можете указать на всех страницах или только на определенных.
Чтобы активировать триггер на определенный страницах указывайте page url > равно и необходимые страницы.
После настройки сохраняем триггер.
Настраиваем второй триггер на таймер.
Заполняем поле интервала срабатывания таймера. Обратите внимание что измерение происходит в миллисекундах. Так как мы хотим установить таймер на 30 секунд, указываем 30000 миллисекунд.
Ставим ограничение в поле - это количество активаций событий.
В данном триггере нет возможности выбрать все страницы, поэтому для выбора условий выбираем page url > соответствует регулярному выражению и “.*”.
Параметр “.*” означает что данный таймер будет срабатывать на всех страницах.
И сохраняем.В итоге мы настроили 2 триггера: на скролл в 40% и таймер в 30 секунд.
Далее идем в пиксель Facebook, нажимаем на кнопку “настроить”, выбираем пункт “Установить код вручную”.
На второй странице установки кода пикселя. Тут мы можем настроить необходимые события.
В пункте поиск копируем параметры события.
Возвращаемся в GTM и создаем тег.
Называем тег. В конфигурации тега выбираем “пользовательский html”, в поле html вставляем код из Facebook.
В параметре триггеры выбираем созданный нами ранее триггер на скролл и таймер.
Сохраняем и публикуем.
Теперь при создании рекламы в Facebook мы можем выбрать оптимизацию по конверсиям на скролл и таймер. Таким образом Facebook будет обучаться именно на аудитории, которая проявляла какую-то активность у вас на сайте.
Также эту настройку можно использовать для ретаргетинга и показывать рекламу пользователям которые скроллили или были на сайте определенной количество времени.
Отслеживание событий на стороне сервера и Conversion API были доступны на Facebook в течение нескольких лет. Но, начиная с 2021 года, FB стал активнее это продвигать. Если у вас есть свой менеджер в Facebook, помогающий с вашей учетной записью, он, скорее всего, позвонит вам и порекомендует настроить Conversion API.
По этому если с вами уже связались или вы сами решили что вам нужно настроить CAPI (Conversion API) прошу под кат. Там я описываю один из рекомендуемых методов настройки, а именно через Google Tag Manager Server Side.
FB CAPITag
Для настройки Facebook Conversion API с помощью Google Tag Manager сервер контейнера нужно сначала настроить работу Universal Analytics или GA4 через GTM SS. Все события которые вы хотите отслеживать в Facebook должны быть настроены в UA/GA4 так как вся информация для отправки запроса в FB CAPI будет формироваться на основе событий отправленных в Google Analytics.
В этой статье я не буду рассказывать, как создать и настроить веб контейнер GTM или отслеживание событий с помощью FB web pixel так как предполагается что вы уже хорошо знакомы с настройкой GTM контейнеров.
Что касается изначальной настройки GTM SS это зависит от того какой сервис вы будете использовать для предоставления серверов для вашего серверного контейнера. У каждого есть свои плюсы и минусы. Вы можете выбрать любой подходящий вам это никак не повлияет на работу FB CAPI.
У каждого провайдера серверов для GTM SS есть своя инструкция по настройке контейнера, по этому будем предполагать что вы воспользовались ею и у вас уже есть работающий GTM SS контейнер и ссылка на него.
В текущих реалиях что использовать UA или GA4 для FB CAPI не имеет значения. FB рекомендует GA4 так как он позволяет более легко передавать дополнительные параметры, но с моего опыта нет никаких проблем в передаче дополнительных данных с помощью UA custom dimensions. Так что если у вас не настроен GA4 ничего страшного.
И так после того как разобрались со всеми зависимостями наконец приступим к настройке.
1) Прежде всего, вам необходимо настроить UA или GA4 в GTM Web для отправки событий в GTM SS. Для этого вам нужно установить transport_url параметр указав в качестве значения ссылку на ваш GTM SS сервер.
GA4 tag
UA tag
2) Теперь нужно настроить GA на сервер контейнере GTM. Для GA4 создайте тег GA4 a для UA тег Universal Analytics. Также нужно создать триггер в соответствии с вашим типом тега. Тип триггера “Custom”, выберите «Some events». Имя клиента равно Universal Analytics или GA4 в зависимости от выбранного вами типа тега.
UA Server Side Tag
UA Trigger
3) Загрузите шаблон тега Facebook из репозитория GitHub и импортируйте его в шаблон тега сервер контейнера. Templates -> Tag Templates -> New. Затем в правом верхнем углу нажмите на точки и выберите импорт. На Github также можно найти и другие FB шаблоны тегов но я использую этот так как он умеет работать с UA а не только с GA4 и имеет больше настроек чем другие.
Server Side Tag Import
Server Side Template
4) Создайте тег Facebook Conversion API внутри GTM SS контейнера. Tag -> New -> Выберите тег Facebook, который вы импортировали на предыдущем шаге. Добавьте свой идентификатор пикселя Facebook и токен доступа к Facebook API (я рекомендую добавить их в качестве переменных, поскольку вам понадобятся эти значения для каждого Facebook тега). Если вы не знаете свой токен доступа к Facebook API, эта документация поможет вам его найти. Добавьте триггер для тега Facebook Conversion API: new trigger -> custom trigger -> event name equals page_view.
5) По такому же принципу вы можете настроить все остальные события которые вас интересуют.
Таким образом у вас будет готова базовая настройка FB CAPI.
Если вы хотите оставить FB Web Pixel вам нужно будет настроить дедупликацию событий. Так как получится что у вас FB web pixel и FB CAPI шлют те же события.
Чтобы настроить дедупликацию FB Conversion API, вам необходимо отправлять уникальный идентификатор события из браузера и с сервера. Одни и те же события из браузера и сервера должны иметь один и тот же идентификатор события. Больше информации про дедупликацию можно найти в документации.
В галерее шаблонов GTM есть Unique Event ID переменная которая создает уникальный ID для каждого события. Используйте эту переменную в FB Web Pixel для отправки event_id а также передавайте ее на сервер с помощью UA custom dimension или GA4 параметра и используйте в FB CAPI теге для отправки того же event_id.
Настройка FB CAPI требует терпения) Так что желаю всем удачи в этом нелегком деле и надеюсь этот пост поможет вам в этом.
Читайте также: