Пиксель ретаргетинга — это небольшой фрагмент JavaScript-кода, который отслеживает посетителей вашего сайта и позволяет показывать им рекламу позже на платформах Meta, Google и TikTok. С технической точки зрения пиксель представляет собой скрипт, выполняющийся в браузере: при загрузке страницы он отправляет запрос на сервер рекламной сети и помечает пользователя с помощью cookie или другого идентификатора. В этой статье мы рассмотрим не стратегию ретаргетинга, а именно процесс установки — код, GTM, события и серверное отслеживание шаг за шагом.
Как работает пиксель: cookie и события
Когда пиксель размещается на странице, он сначала загружает библиотеку — например, fbevents.js для Meta — и через команду init объявляет идентификатор вашего рекламного аккаунта. После этого скрипт устанавливает в браузере пользователя cookie первой стороны либо читает существующий, и именно этот cookie распознаёт пользователя при последующих визитах и в рекламе на других сайтах. Каждое значимое действие — просмотр страницы, добавление в корзину, покупка — отправляется на сервер рекламной сети как отдельное событие, что позволяет разбивать аудиторию на точные сегменты.
Установка Meta Pixel
Код Meta Pixel вы получаете в разделе Events Manager и размещаете его внутри тега <head> на всех страницах сайта. Базовый сниппет выглядит следующим образом, где вместо YOUR_PIXEL_ID нужно подставить ваш собственный идентификатор.
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', 'YOUR_PIXEL_ID');
fbq('track', 'PageView');
</script>Этот код автоматически отправляет событие PageView при каждой загрузке страницы. Если ваш сайт является одностраничным приложением (SPA) на React или Vue, при смене маршрута нужно вызывать fbq('track', 'PageView') вручную, поскольку страница не перезагружается полностью и стандартное событие не сработает.
Установка через GTM
Google Tag Manager — наиболее удобный способ управления пикселями, так как теги добавляются и отключаются без правки исходного кода сайта. В GTM создайте новый тег типа Custom HTML, вставьте в него сниппет Meta Pixel и в качестве условия запуска выберите триггер All Pages. Для событий создайте отдельные теги и привяжите их к переменным, переданным через Data Layer, например передавайте сумму покупки в параметре value, а валюту — в currency.
// Отправка события в Data Layer (в коде сайта)
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event': 'purchase',
'value': 250000,
'currency': 'RUB',
'order_id': 'A-10293'
});Тег ремаркетинга Google Ads
Для ремаркетинга Google Ads используется глобальный тег сайта (gtag.js), который служит единой основой для Google Analytics и Ads. После добавления тега на сайт события конверсии и ремаркетинга отправляются через функцию gtag, при этом важно правильно указывать параметр send_to с идентификатором конверсии.
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-CONVERSION_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-CONVERSION_ID');
// событие ремаркетинга
gtag('event', 'page_view', {
'send_to': 'AW-CONVERSION_ID',
'value': 250000,
'items': [{'id': 'SKU-1', 'google_business_vertical': 'retail'}]
});
</script>TikTok Pixel
TikTok Pixel работает по тому же принципу, что и Meta: сначала базовый код размещается в <head>, затем события отправляются через функцию ttq.track. Поскольку аудитория TikTok моложе, этот пиксель особенно важен для рекламодателей электронной коммерции и мобильных приложений, ориентированных на молодёжный сегмент.
ttq.load('YOUR_TIKTOK_PIXEL_ID');
ttq.page();
// событие добавления в корзину
ttq.track('AddToCart', {
content_id: 'SKU-1',
content_type: 'product',
value: 250000,
currency: 'RUB'
});Отслеживание событий: PageView, AddToCart, Purchase
Стандартные события позволяют рекламным платформам понимать поведение пользователя и оптимизировать конверсию. Для Meta три важнейших события — это PageView (просмотр страницы), AddToCart (добавление в корзину) и Purchase (покупка). В примере ниже событие Purchase отправляется вместе со значением и валютой, что необходимо рекламной системе для расчёта ROAS и оптимизации ставок.
// Событие Meta Purchase
fbq('track', 'Purchase', {
value: 250000.00,
currency: 'RUB',
content_ids: ['SKU-1', 'SKU-2'],
content_type: 'product',
num_items: 2
});Conversions API (на стороне сервера)
Браузерные пиксели теряют часть данных из-за блокировщиков рекламы и ограничений на cookie, поэтому серверное отслеживание — Conversions API — становится всё более важным. В этом случае события отправляются не из браузера пользователя, а напрямую с вашего сервера на сервер Meta или TikTok. Для дедупликации каждому событию присваивается уникальный event_id, чтобы браузер и сервер не засчитывали одно и то же событие дважды.
// Пример на PHP: Meta Conversions API
$data = [
'data' => [[
'event_name' => 'Purchase',
'event_time' => time(),
'event_id' => 'order_10293',
'action_source' => 'website',
'user_data' => [
'em' => hash('sha256', 'client@example.com'),
'ph' => hash('sha256', '79001234567')
],
'custom_data' => ['currency' => 'RUB', 'value' => 250000]
]]
];
$ch = curl_init('https://graph.facebook.com/v19.0/PIXEL_ID/events?access_token=TOKEN');
curl_setopt($ch, CURLOPT_POST, true);
curl_setopt($ch, CURLOPT_HTTPHEADER, ['Content-Type: application/json']);
curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($data));
curl_exec($ch);Обратите внимание, что пользовательские данные (email, телефон) хешируются алгоритмом SHA-256, поэтому персональная информация не передаётся в открытом виде, но Meta может сопоставить её с хешем в своей базе и идентифицировать пользователя.
Приватность и согласие (cookie-баннер)
GDPR и аналогичные законы требуют получить от пользователя явное согласие до установки cookie пикселя. На практике это реализуется через cookie-баннер: вы не загружаете пиксель, пока пользователь не нажмёт кнопку «Согласен», либо используете режим Consent Mode от Meta. Приведённый ниже подход запускает пиксель только после получения согласия, что соответствует требованиям законодательства о защите данных.
if (getConsent() === true) {
fbq('consent', 'grant');
fbq('init', 'YOUR_PIXEL_ID');
fbq('track', 'PageView');
} else {
fbq('consent', 'revoke');
}Проверка: Pixel Helper
Чтобы убедиться в правильности установки, используйте браузерные расширения: Meta Pixel Helper для Meta, Tag Assistant для Google и TikTok Pixel Helper для TikTok. Эти инструменты показывают, какие пиксели загрузились на странице, какие события были отправлены и есть ли ошибки в параметрах. Серверные события проверяйте в разделе Test Events внутри Events Manager, убедившись, что дедупликация по event_id работает корректно. Правильно настроенный пиксель служит фундаментом для измерения эффективности всех ваших маркетинговых кампаний.