Как настроить и отслеживать события для Facebook через Google Tag Manager

Константин Булгаков
Константин Булгаков
08 Фев.2022
Рассказываю как настроить отслеживание и передавать информацию о достижении события на сайте для пикселя Facebook с помощью Google Tag Manager.

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

В этом материале мы рассмотрим отслеживание событий для Фейсбук с помощью Google Tag Manager. С его помощью можно тречить выполнение тех или иных действий и сообщать об этом рекламным платформам и системам веб-аналитики.

События Facebook можно настроить только после установки кода пикселя на сайт. О том, как установить пиксель можно прочитать в статье.

Стандартные и пользовательские события

Перед тем как перейти к настройке событий, важно упомянуть какие типы событий существуют. В Facebook их разделяют на две категории: стандартные и пользовательские события (иногда называют еще специальными или кастомными).

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

Стандартные события отслеживают при помощи вызова функции пикселя fbq('track') с указанием названия. Вот так, например, выглядит код стандартного события «Добавление товара в корзину»:

<script>
fbq('track', 'AddToCart');
</script>

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

Пользовательские события отслеживают при помощи вызова функции fbq('trackCustom') с указанием уникального названия события, которое вы можете придумать сами.

Например, для отслеживания формы регистрации на вебинар, можно использовать события, подобно этому:

<script>
 fbq('trackCustom', 'webinar_022022_submit');
</script>

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

Установка и настройка событий

Благодаря установленному на сайте Google Tag Manager можно фиксировать практически любое действие и передавать информацию о конверсиях в социальную сеть. Такая настройка обладает рядом преимуществ:

  1. Маркетолог не просит помощи разработчика, а самостоятельно вносит изменения на сайте;
  2. Не нужно напрямую вносить изменения в код сайт — вся настройка происходит в удобном веб-интерфейсе GTM;
  3. Можно настраивать множество совершенно разных событий, что никак не влияет на скорость загрузки страниц.

Убедитесь, что на сайте уже установлен Google Tag Manager. Если нет, то прочитайте инструкцию по установке здесь.

Разберем принцип отправки формы на сайте на конструкторе Тильда. Для начала необходимо знать уникальное событие, которое отправляет форма. Для этого открываем страницу с формой в режиме предварительного просмотра GTM и отправляем тестовую форму.

После отправки формы в режиме предварительного просмотра увидим выполненное событие в формате submit_formXXXXXXXX. Это событие потребуется для настройки триггера в GTM. Запомним его.

Предварительный просмотр события в GTM

Теперь переходим к настройкам в Google Tag Manager:

  1. Открываем раздел Триггеры и создаем новый триггер с типом Специальное событие;
  2. В поле Название события указываем уникальное событие формы, которые определи на предыдущем шаге. Условия активации триггера оставляем по умолчанию.

Настройка триггера Специальное событие в GTM

На втором шаге создадим новый тег и свяжем его с созданным триггером.

  1. Переходим в раздел Теги и создаем новый Пользовательский HTML тег, который будет передавать информацию об отправленной форме;
  2. В поле Триггеры выбираем из списка созданный на прошло шаге триггер;
  3. Вставляем js-код нужного события в пустое поле в настройках выбранного тега.
<script>
 fbq('trackCustom', 'webinar_022022_submit');
</script>

Создание нового тега в GTM

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

Тестирование событий

Чтобы протестировать события в браузере или приложении с помощью встроенного инструмента Фейсбука нужно выполнить следующие действия:

  1. Откройте Events Manager;
  2. Выберите свой пиксель или приложение на вкладке Источники данных;
  3. Нажмите Тестирование событий. Действия регистрируются, только пока открыта страница «Тестирование событий»;
  4. Если вы хотите проверить события в приложении, откройте приложение на телефоне. Чтобы посмотреть события на сайте, перейдите в раздел Тестирование событий браузера, введите URL сайта и нажмите Открыть сайт. Сайт откроется в отдельном окне или вкладке;
  5. Чтобы протестировать уже настроенные события, проверьте их работу в приложении или на сайте. Ваши действия появятся на вкладке Тестирование событий в течение 30 секунд.

Информация о проверке будет доступна на вкладке «Тестирование событий» в течение 24 часов или до момента ее удаления.

Тестирование событий в Facebook

Если ваши события не показываются в инструменте тестирования событий, вы можете устранить проблемы, указанные в сообщениях об ошибке.

Расскажите о своем опыте

Как вы настраиваете и отслеживаете конверсии на своих проектах? Поделитесь опытом в комментариях. Уверен, что товарищам по цеху будет полезен ваш опыт.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *