# FB Pixel
Facebook Pixel — это инструмент от Facebook, представленный небольшим JS кодом, который встраивается на веб-сайт и отслеживает действия пользователей. Пиксель используется для аналитики эффективности рекламы на платформе Facebook, для оптимизации таргетированных кампаний и измерения конверсий.
Данный код используется для локальных лендингов, загруженных в трекер. Если доступа к коду нет (оффер редирект) — используйте настройку интеграции с Facebook. Смотрите: интеграция с Facebook.
- Создайте в трекере источник трафика по готовому шаблону Facebook и добавьте источник в кампанию — параметры кампании заполнятся автоматически, включая параметр
pixel
:
Откройте лендинг в редакторе и перейдите в
index.html
(илиindex.php
).Добавьте между
<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>
2
3
4
5
6
7
8
WARNING
Если для передачи пикселя используется другой параметр в кампании, например, px
, необходимо заменить в скрипте:
С let pixel = params.get("pixel");
на let pixel = params.get("px");
- Откройте файл/страницу, где необходимо установить пиксель — например, страница благодарности, и добавьте следующий код:
<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>
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>