Пиксель Facebook

Установка пикселя конверсий Facebook на Тильду
Компания Meta Platforms Inc., владеющая социальными сетями Facebook и Instagram, по решению суда от 21.03.2022 признана экстремистской организацией, ее деятельность на территории России запрещена.
Facebook Pixel – веб-инструмент, с помощью которого можно отслеживать поведение пользователей на вашем сайте, анализировать их целевые действия и создавать аудитории, наиболее точно отвечающие вашей рекламной кампании.
Добавление кода пикселя в HTML через указание ID в настройках сайта
Читать
Передача данных с сервера при отправке данных с форм или с корзины
Читать
Добавление пикселя классическим способом
Зайдите в ваш аккаунт Менеджера рекламы Facebook.

Кликните в верхнее меню → Events Manager → Пиксели.
В меню Facebook Business Manager: пункт «Пиксели» в колонке «Измерения и отчетность».
Нажмите «Создать пиксель».
В Facebook Events Manager: кнопка «Создать пиксель» внизу страницы в разделе «Источники данных».
Придумайте название вашего пикселя и нажмите «Создать пиксель».
В Facebook Events Manager: окно «Создайте пиксель Facebook» с полями «Название пикселя», «URL сайта» и кнопкой «Создать».
Пиксель создан. Теперь его можно добавить на сайт, чтобы он начал работать.
Пиксель Фейсбука можно интегрировать с сайтом двумя способами: вставкой кода и вставкой ID пикселя в настройки.

ID можно скопировать на главной странице (Overview) пикселя.
В Facebook Events Manager: идентификатор пикселя в строке "Pixel ID" под его названием.
Вставьте ID в настройках сайта → Аналитика → Facebook Pixel, сохраните и переопубликуйте все страницы.
Поле «FACEBOOK PIXEL» в настройках сайта.
Также пиксель можно вставить кодом для всего сайта или отдельной страницы. Для получения кода нажмите на кнопку «Посмотреть инструкции по установке».
В Events Manager в Facebook: кнопка «Посмотреть инструкции по ус...» в блоке завершения настройки пикселя.
Появится окно, в нем нужно выбрать способ «Самостоятельно установите код пикселя вручную».
В окне «Установка пикселя» в Facebook Events Manager: пункт «Самостоятельно установите код пикселя вручную».
Перейдите к шагу 2 и скопируйте код, кликнув на него.
В Events Manager на Facebook: копирование кода в окне «Установка пикселя» на шаге «Скопируйте код пикселя полностью и вставьте его в «шапку» сайта».
Перейдите на Тильду в Настройки сайта → Еще → Вставка кода в Head.
Настройки сайта, раздел «Вставка кода»: кнопка «Редактировать код» в блоке «HTML-код для вставки внутрь head».
Вставьте код, сохраните и переопубликуйте все страницы.
Раздел «Вставка кода в head»: добавленный код пикселя в поле редактора и кнопка «Сохранить».
Вернитесь на Фейсбук и нажмите «Готово».
В Facebook Events Manager: всплывающее окно «Установить код пикселя» со списком событий для отслеживания и кнопкой «Готово».
Тильда начнет автоматически передавать некоторые события в пиксель Фейсбука. Список передаваемых событий собран в таблице:
Чтобы отслеживать конверсии других событий или действий на вашем сайте, вам будет необходимо внести в интегрируемый код дополнительные изменения. Подробнее.
Запрет автоматической передачи данных о лидах в Facebook Pixel
Если установить Facebook Pixel, то на странице появится объект fbq, который при отправке формы в Facebook отправляет событие Lead. Это поведение можно запретить, если требуется своя собственная настройка пикселя Facebook.
  <script>
        document.addEventListener('DOMContentLoaded', function() {
            var allRec = document.getElementById('allrecords');
            if (allRec) allRec.setAttribute('data-fb-event', 'nosend');
        });
  </script>
Добавление с помощью API Conversions
Conversions API — это серверный способ передачи событий в пиксель Facebook. В пиксель передаются данные о заявках с форм (событие Lead) и оплат из корзины (событие Purchase в случае успешной оплаты банковской картой и InitiateCheckout в начале оплаты и для варианта Наличные).

Для начала работы перейдите в инструмент Event Manager в правом меню Facebook Business Suite.
В панели Meta Business Suite: пункт "Events Manager" в меню «Ещё инструменты» слева.
Нажмите на кнопку «Подключить источник данных» и выберите категорию «Интернет».
В Events Manager в окне «Подключение нового источника данных»: выбран вариант «Интернет» и синяя кнопка «Подключить».
Выберите способ подключения «API Conversions».
В окне «Настройте веб-события» в Facebook Events Manager: выбор способа подключения «API Conversions» и кнопка «Подключить».
Придумайте название для пикселя и нажмите на кнопку «Продолжить».
В Events Manager окно «Настройте веб-события с помощью API Conversions» с полями «Придумайте название пикселя» и «Проверьте наличие вариантов простой настройки вашего сайта». Внизу справа — кнопка «Продолжить».
Перейдите в Настройки пикселя. В настройках указан ID пикселя — он понадобится для интеграции.
В Events Manager на вкладке «Настройки»: строка «ID пикселя» в блоке «Подробная информация».
Прокрутите настройки пикселя вниз и дойдите до заголовка API Conversions. Нажмите на ссылку «Сгенерировать маркер доступа» и скопируйте его, например, в текстовый документ или заметку.
В Facebook Events Manager: вкладка «Настройки» в разделе пикселя и ссылка «Сгенерировать маркер доступа» в блоке «Ручная настройка».
Перейдите в Настройки сайта → Формы → Facebook Conversion API.
В настройках сайта: кнопка «Facebook» в разделе «ДРУГОЕ».
Вставьте ID пикселя и маркер доступа в соответствующие поля и сохраните изменения. После подключения в пиксель отправится одно тестовое событие типа Lead с домена tilda.cc.
Раздел «Сервис приёма данных: Facebook Conversion»: поля «ID ПИКСЕЛЯ» и «МАРКЕР ДОСТУПА API CONVERSION».
Перейдите в Контент формы, данные с которой вы хотите отправлять и отметьте галочкой приемщик данных Facebook Conversion API.
В панели контента блока: галочка у сервиса «FBCONVERSION: FB PIXEL» в блоке «CONNECTED SERVICES:».
После отправки данных с формы событие появится на странице Обзор пикселя. События, переданные через API Conversions будут помечаться, как переданные через серверный способ подключения.
В интерфейсе Facebook Events Manager: вкладка «Обзор» в разделе «Источники данных» с информацией о событиях пикселя.
Made on
Tilda