# FB Pixel

Facebook Pixel — это инструмент от Facebook, представленный небольшим JS кодом, который встраивается на веб-сайт и отслеживает действия пользователей. Пиксель используется для аналитики эффективности рекламы на платформе Facebook, для оптимизации таргетированных кампаний и измерения конверсий.

Данный код используется для локальных лендингов, загруженных в трекер. Если доступа к коду нет (оффер редирект) — используйте настройку интеграции с Facebook. Смотрите: интеграция с Facebook.

  1. Создайте в трекере источник трафика по готовому шаблону Facebook и добавьте источник в кампанию — параметры кампании заполнятся автоматически, включая параметр pixel:

  1. Откройте лендинг в редакторе и перейдите в index.html (или index.php).

  2. Добавьте между <head> и </head>:

<script>
let params = new URLSearchParams(document.location.search.slice(1));
let pixel = params.get("pixel");
if (pixel) {
    let expires = new Date(Date.now() + 7 * 24 * 60 * 60 * 1000).toUTCString();
    document.cookie = `pixel=${pixel}; expires=${expires}; path=/`;
}
</script> 
1
2
3
4
5
6
7
8

WARNING

Если для передачи пикселя используется другой параметр в кампании, например, px, необходимо заменить в скрипте: С let pixel = params.get("pixel"); на let pixel = params.get("px");

  1. Откройте файл/страницу, где необходимо установить пиксель — например, страница благодарности, и добавьте следующий код:
<script>
(function () {
    let match = document.cookie.match(/pixel=([^;]+)/);
    let pixel = match ? match[1] : null;

    if (!pixel) return;

    const img = document.createElement('img')
    img.setAttribute('height', '1')
    img.setAttribute('width', '1')
    img.setAttribute('src', 'https://www.facebook.com/tr?id=' + pixel + '&ev=Lead&noscript=1')
    if (document.body) {
        document.body.appendChild(img);
    } else {
        window.onload = () => document.body.appendChild(img);
    }
})();
</script> 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Как проверить работу пикселя?

Для проверки работы пикселя используйте расширение для Google Chrome — Meta Pixel Helper. На значке Facebook Pixel Helper при переходе на страницу с пикселем появится небольшое число, обозначающее количество событий пикселя. При нажатии панель развернется и покажет обзор пикселей страницы, включая предупреждения, ошибки.

Как скрыть Referrer от FB?

Добавьте код между <head> и </head>:

<meta name="referrer" content="no-referrer">` между тегами `<head>...</head>
1