Тема 6. Особливості веб-аналітики соціальних мереж

12. Meta Pixel та Conversions API

Що таке Meta Pixel? JavaScript код, який встановлюється на сайт для відстеження дій користувачів

Навіщо потрібен: ✅ Відстеження конверсій (покупки, лідиі) ✅ Оптимізація рекламних кампаній ✅ Створення Custom Audiences ✅ Ремаркетинг ✅ Аналіз ефективності реклами

Налаштування Meta Pixel:

Крок 1: Створення Pixel

Meta Events Manager → Data Sources → Add → Meta Pixel

Назва: "My Website Pixel"

Website URL: yourdomain.com

Крок 2: Встановлення коду

Варіант A: Ручне встановлення

html

!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>

src="https://www.facebook.com/tr?id=YOUR_PIXEL_ID&ev=PageView&noscript=1"

/></noscript>

Вставити в <head> всіх сторінок сайту

Варіант B: Через Google Tag Manager (рекомендовано)

GTM → Tags → New

Tag Type: Custom HTML

HTML: (вставити Pixel код)

Trigger: All Pages

Save → Publish

Варіант C: Інтеграції платформ

Shopify: Налаштування → Meta → Підключити Pixel
WordPress: Plugin "PixelYourSite"
WooCommerce: Facebook for WooCommerce

Крок 3: Перевірка

Meta Pixel Helper (Chrome Extension)

або

Events Manager → Test Events → введіть URL сайту

→ Відкрийте сайт, перевірте що події відправляються

Стандартні події Meta Pixel:

javascript

// Перегляд сторінки (автоматична подія)

fbq('track', 'PageView');

// Перегляд товару

fbq('track', 'ViewContent', {

content_ids: ['1234'],

content_type: 'product',

value: 850.00,

currency: 'UAH'

});

// Додавання в кошик

fbq('track', 'AddToCart', {

content_ids: ['1234'],

content_type: 'product',

value: 850.00,

currency: '

UAH' });

// Початок оформлення замовлення fbq('track', 'InitiateCheckout', { content_ids: ['1234', '5678'], num_items: 2, value: 1700.00, currency: 'UAH' });

// Додавання інформації про оплату fbq('track', 'AddPaymentInfo', { value: 1700.00, currency: 'UAH' });

// Покупка (найважливіша!) fbq('track', 'Purchase', { content_ids: ['1234', '5678'], content_type: 'product', value: 1700.00, currency: 'UAH', num_items: 2 });

// Пошук fbq('track', 'Search', { search_string: 'nike кросівки' });

// Лідогенерація (заповнення форми) fbq('track', 'Lead', { content_name: 'Newsletter Signup', value: 0.00, currency: 'UAH' });

// Реєстрація fbq('track', 'CompleteRegistration', { content_name: 'Account Created', value: 0.00, currency: 'UAH' });

---

**Conversions API (серверне відстеження)**

**Що це:**

Відправка подій з вашого сервера напряму до Meta (на додачу до Pixel)

**Чому важливо в 2024-2025:**

- **iOS 14.5+ блокування** → Pixel не завжди працює

- **Ad blockers** → блокують JavaScript Pixel

- **Privacy regulations** → cookieless майбутнє

**Conversions API вирішує ці проблеми:**

✅ Надійніше відстеження (server-side)

✅ Точніша атрибуція

✅ Кращі дані для оптимізації кампаній

**Як працює Dual Setup (Pixel + CAPI):**

Користувач робить дію ↓ Pixel (browser) → Meta Conversions API (server) → Meta ↓ Meta дедуплікує (event_id) і використовує найточніші дані

**Налаштування CAPI:**

**Варіант 1: Через партнерські інтеграції**

- Shopify

- WooCommerce

- Google Tag Manager Server-Side

**Варіант 2: Вручну (для розробників)**

```php

// PHP приклад

$access_token = 'YOUR_ACCESS_TOKEN';

$pixel_id = 'YOUR_PIXEL_ID';

$data = [

'data' => [

[

'event_name' => 'Purchase',

'event_time' => time(),

'event_id' => 'order_' . $order_id, // Для дедуплікації

'event_source_url' => 'https://yoursite.com/checkout/success',

'user_data' => [

'em' => hash('sha256', strtolower($email)),

'ph' => hash('sha256', preg_replace('/[^0-9]/', '', $phone)),

'client_ip_address' => $_SERVER['REMOTE_ADDR'],

'client_user_agent' => $_SERVER['HTTP_USER_AGENT']

'custom_data' => [

'value' => 1700.00,

'currency' => 'UAH',

'content_ids' => ['1234', '5678'],

'num_items' => 2

]

'access_token' => $access_token

];

$ch = curl_init("https://graph.facebook.com/v18.0/{$pixel_id}/events");

curl_setopt($ch, CURLOPT_POST, true);

curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($data));

curl_setopt($ch, CURLOPT_HTTPHEADER, ['Content-Type: application/json']);

curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

$response = curl_exec($ch);

curl_close($ch);

Важливо:

Використовувати той самий event_id у Pixel та CAPI для дедуплікації
Хешувати (SHA-256) особисті дані (email, phone)
Тестувати через Test Events

Event Match Quality (EMQ)

Що це: Оцінка якості даних, які ви надсилаєте Meta (0-10)

Що впливає на EMQ:

Наявність email, phone (хешовані)
User agent, IP address
Click ID (fbclid, fbc, fbp)
Event ID (для дедуплікації)

Як покращити EMQ: ✅ Збирати email при покупці/реєстрації ✅ Використовувати Conversions API ✅ Передавати максимум параметрів ✅ Правильно хешувати дані