Налаштування Facebook Pixel через GTM для WordPress/WooCommerce + CAPI + Дедуплікація

🧾 Технічне завдання: Налаштування Facebook Pixel через GTM для WordPress/WooCommerce + CAPI + Дедуплікація

📌 Опис проекту

Потрібно налаштувати повну та коректну інтеграцію Facebook Pixel через Google Tag Manager (GTM), включаючи:

• Трекінг всіх ключових подій (від входу на сайт до покупки)

• Підключення серверної передачі подій (CAPI)

• Дедуплікація подій між браузером і сервером

• Підключення всіх можливих параметрів клієнта (Advanced Matching)

• Облік усіх UTM та Click ID (fbclid, gclid та ін.)

• Сайт працює на WordPress + WooCommerce + Elementor

✅ Що вже зроблено

• Встановлено плагін PixelYourSite (PYS)

• Здійснено багато спроб налаштування, однак:

  • CAPI працює, але події дублюються

  • Браузерні події не завжди передаються коректно

  • eventID не співпадають, Facebook вважає події різними

🎯 Цілі задачі

1. Повністю відмовитися від PYS, якщо він заважає роботі GTM.

2. Налаштувати Facebook Pixel через GTM, вручну, без конфліктів.

3. Підключити Conversion API (CAPI) через GTM Server Side або через плагін, якщо це буде доцільно.

4. Реалізувати дедуплікацію: передавати однаковий eventID як у браузері, так і на сервері.

5. Передавати усі параметри клієнта:

   • Ім’я

   • Email

   • Телефон

   • Місто, ZIP

   • External ID

   • (advanced matching)

6. Налаштувати передачу всіх параметрів замовлення (сума, валюта, список товарів).

7. Переконатися, що немає дублікатів, і події у Events Manager відображаються з позначкою "Server + Browser".

🧰 Вимоги до технічної реалізації

• Налаштування всіх тегів у Google Tag Manager (GTM)

• Використання Data Layer у WooCommerce

• Підключення Facebook Pixel через custom HTML тег з повним контролем

• Передача eventID вручну або генерація заздалегідь і синхронізація між браузером і CAPI

• Налаштування GTM на всіх етапах:

  • PageView

  • ViewContent

  • AddToCart

  • InitiateCheckout

  • Purchase

• Перевірка коректної роботи через Facebook Pixel Helper та Events Manager

• 
  

• ⚠️ Важливо

  • На сайті використовуються два різних класи для кнопок "Додати до кошика":

    • На сторінці категорії (Category Page)

    • На сторінці товару (Single Product Page)

• ⚙️ Необхідно реалізувати трекінг AddToCart через відстеження за класами або data-атрибутами обох кнопок, з передачею однакового eventID (через JS і Data Layer, якщо потрібно).

⚙️ Платформа сайту:

• WordPress + WooCommerce

• Elementor (усі сторінки зібрані через Elementor)

• FunnelKit (використовується для воронки та thank you page)

• Хостинг: LiteSpeed

❗Важливо:

• Необхідно усунути дублікацію подій

• Усі події мають передаватися і з браузера, і з сервера з однаковим eventID

• Не використовувати рішення, що конфліктують із GTM

• Період тестування: до повної стабільної роботи