Інтеграція 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.