Интеграция Facebook Pixel на сайт

Интеграция Facebook Pixel на сайт

Facebook Pixel — код отслеживания для рекламы в Facebook/Instagram. Позволяет создавать аудитории ретаргетинга, отслеживать конверсии и оптимизировать рекламные кампании под целевые действия.

Установка базового кода

<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', 'PIXEL_ID');
fbq('track', 'PageView');
</script>

Стандартные события e-commerce

// Просмотр товара
fbq('track', 'ViewContent', {
    content_ids:  [product.id],
    content_name: product.name,
    content_type: 'product',
    value:        product.price,
    currency:     'RUB'
});

// Добавление в корзину
fbq('track', 'AddToCart', {
    content_ids:  [product.id],
    content_type: 'product',
    value:        product.price,
    currency:     'RUB'
});

// Начало оформления
fbq('track', 'InitiateCheckout', { value: cartTotal, currency: 'RUB' });

// Покупка
fbq('track', 'Purchase', {
    value:        orderTotal,
    currency:     'RUB',
    content_ids:  orderItems.map(i => i.productId),
    content_type: 'product',
    num_items:    orderItems.length
});

Conversions API (серверная интеграция)

Браузерный Pixel теряет ~30% событий из-за блокировщиков. Conversions API отправляет события напрямую с сервера:

Http::withToken(env('FACEBOOK_ACCESS_TOKEN'))
    ->post("https://graph.facebook.com/v19.0/{$pixelId}/events", [
        'data' => [[
            'event_name'       => 'Purchase',
            'event_time'       => time(),
            'action_source'    => 'website',
            'user_data'        => [
                'em' => [hash('sha256', strtolower($user->email))],  // хешировать!
                'ph' => [hash('sha256', normalizePhone($user->phone))]
            ],
            'custom_data'      => [
                'value'       => $order->total / 100,
                'currency'    => 'RUB',
                'order_id'    => $order->id
            ],
            'event_id' => "purchase_{$order->id}"  // дедупликация с браузерным пикселем
        ]]
    ]);

Дедупликация событий

Чтобы событие не считалось дважды (браузер + сервер) — используется event_id. Одинаковый event_id с браузера и сервера → Facebook считает одно событие.

Срок установки: 1 рабочий день с Conversions API.