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

В этой статье вы узнаете, как добавить пиксель Facebook на разные страницы systeme.io и настроить события.

Вам понадобится:

• бизнес-аккаунт Facebook
• рекламный аккаунт Facebook
• аккаунт systeme.io
• пользовательский домен

1. Настройка пикселя

1.1 Зайдите в настройки бизнес-аккаунта Facebook, нажмите Настройки.

Выберите пункт Наборы данных и пиксели в секции Источники данных.

Намжите Добавить. Появится всплывающее окно. Введите название пикселя и нажмите Создать.

Появится новое всплывающее окно с текстом Ваш пиксель ещё не готов к использованию. Его можно закрыть - сначала нужно добавить Людей и Ресурсы к пикселю.

1.2 Нажмите Назначить людей и выберите ваш бизнес-аккаунт во всплывающем окне. Переведите слайдер на скриншоте ниже в активное положение, предоставив Полный доступ, и нажмите Назначить.

1.3 Нажмите Подключить ресурсы.

Отметьте ваш рекламный аккаунт во всплывающем окне и нажмите Добавить.

2. Установка пикселя на вебсайт

2.1 В меню слева выберите Все инструменты, потом перейдите в Менеджер событий.

2.2 Намжите на ваш пиксель.

2.3 Нажмите Настроить пиксель Meta.

2.4 Нажмите Установить код вручную под вариантом Добавить код пикселя на вебсайт вручную.

Появится код пикселя Meta, который нужно добавить в секцию "Код заголовка" в настройках вашей страницы воронки в редакторе.

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

2.4.1 Установка пикселя Facebook на отдельной странице воронки продаж

2.4.2 Установка пикселя Facebook для всех страниц всех воронок продаж в аккаунте

При установке пикселя Facebook в настройках воронок продаж он автоматически применится ко всем страницах всех воронок продаж в вашем аккаунте.

Наведите курсор на ваш аватар и нажмите Настройки в выпадающем списке. Выберите секцию настроек Воронки продаж и введите код пикселя Facebook в поле "Код отслеживания". Сохраните изменения.

2.5 После установки пикселя на ваш вебсайт, нажмите Продолжить. Вам будет предложено включить опцию "Автоматический расширенный подбор" - она не обязательна.

2.6 Нажмите Продолжить.

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

Инструмент настройки событий работает не всегда, и в этом примере мы будем добавлять код события в пиксель Meta вручную.

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

В этом примере мы настроим событие Просмотр контента.

Добавьте его в настройки воронок продаж.

2.8 Подтвердите ваш пользовательский домен в настройках Безопасность и соответствие бренда > Домены. Нажмите Добавить, введите ваш домен и снова Добавить.

Платформа выдаст вам тэг Meta, который необходимо добавить либо в Код заголовка страницы воронки продаж, либо в настройки воронок продаж под кодом пикселя Meta (эти два кода обязательно должна разделять пустая строка)

После добавления кода нажмите Подтвердить домен в настройках Facebook.

3. Проверка пикселя

После установки и настройки пикселя вы можете проверить его работу.

Нажмите Тестовые события, введите URL вашего вебсайта в поле ниже и нажмите Протестировать события.

Страница Тестовых событий отобразит события, связанные с действиями на вашем вебсайте.

4. Дедупликация событий в Facebook (пиксель и CAPI)

Дедупликация отслеживания для API конверсий Facebook (CAPI) и пикселя позволяет предотвратить двойной подсчет событий между браузером (пикселем) и сервером (CAPI). Когда одно и то же событие отправляется по этим двум каналам, Facebook идентифицирует дубликаты с помощью уникального идентификатора (eventID), автоматически объединяет их и таким образом обеспечивает точность статистики.

Как включить дедупликацию?

Убедитесь, что конверсии API (CAPI) и пиксель Facebook успешно установлены и работают. Если у вас ещё не установлены CAPI, обратитесь к данной статье: How to configure the Facebook Conversions API on systeme.io.

Для пользователей с установленными CAPI дедупликация будет происходить автоматически при выборе типа события из выпадающего списка. Однако код пикселя необходимо обновить, добавив плейсхолдер идентификатора события (event ID). Для каждого отслеживаемого события необходимо добавить соответствующий плейсхолдер/переменную идентификатора события, чтобы обеспечить корректную дедупликацию.

Что такое идентификатор события (Event ID)?

Идентификатор события (Event ID) — это уникальный идентификатор, генерируемый для каждого события конверсии (например, покупки или подписки).

Он не позволяет Meta (Facebook) учесть одно и то же событие дважды при его единовременной отправке через браузер (пиксель) и CAPI.

• Event ID отправляется автоматически через CAPI.
• Необходимо вручную добавить этот идентификатор в пиксель в коде отслеживания, используя плейсхолдеры systeme.io.

Ниже приведены примеры часто используемых событий:

• Покупка: fbq('track', 'Purchase', {eventID:'%FACEBOOK_PURCHASE_EVENT_ID%'});            
• Встреча: fbq('track', 'Schedule', {eventID:'%FACEBOOK_EVENT_ID%'});            
• Просмотр контента: fbq('track', 'ViewContent', {eventID:'%FACEBOOK_EVENT_ID%'});            
• Лид: fbq('track', 'Lead', {eventID:'%FACEBOOK_LEAD_EVENT_ID%'});            

Ниже приведён подробный пример, как настроить дедупликацию события Просмотр контента с помощью пикселя Facebook:

1. Выберите соответствующий идентификатор события: напишите заполнитель события, чтобы сгенерировать уникальный идентификатор события Event ID  . Этот идентификатор позволяет Facebook распознавать и объединять события, отправляемые как пикселем, так и API конверсиями (CAPI). Этот идентификатор уникален для каждого события и автоматически генерируется при добавлении заполнителя или переменной. Заполнитель гарантирует, что значение будет динамически заменено фактическим идентификатором события Facebook при загрузке пикселя.

2. Добавьте идентификатор события в код пикселя: ниже показано, как отправить событие просмотра содержимого с уникальным идентификатором:

3. Подтвердите настройку:

Для отслеживания с помощью пикселя посетите страницу, чтобы убедиться, что события, такие как Просмотр контента, срабатывают корректно с соответствующим Event ID  . Расширение для браузера Facebook Pixel Helper поможет проверить, правильно ли пиксель регистрирует события.

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

• Событие Просмотр контента и обнаружение лидов запускаются при посещении страницы.
• События Покупки требуют завершения тестовой продажи, чтобы сервер захватил значение суммы покупки.
• События CAPI и Pixel можно просмотреть в Meta Events Manager, чтобы убедиться в их корректном отслеживании и в том, что дедупликация работает должным образом.

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

Отслеживание суммы покупок с помощью CAPI

Для отслеживания суммы покупки с помощью CAPI выполните следующие шаги:

• Используйте тип события Покупка.
• Укажите сумму покупки и валюту.
• Если продукт физический, выберите валюту продукта.
• Если продукт цифровой или это подписка, выберите валюту плана продажи.

Отдельное отслеживание дополнительных продаж (Order Bump) и допродаж

Пользователи часто спрашивают, можно ли отслеживать дополнительные продажи типа Order Bump и допродажи отдельно от основной покупки. Вот как это работает:

• Вся сумма заказа, включая дополнительные продукты и услуги, отправляется в момент события Покупки.
• Дополнительные продажи Order Bump и допродажи добавляются как цифровые продукты.
• CAPI на странице благодарности автоматически определяют все совершенные покупки (основной продукт, дополнительные предложения и допродажи).