Моніторинг сайту · №07
Перевірка Facebook Pixel
Коротко
Facebook Pixel, тепер Meta Pixel, — це код JavaScript на сайті, який повідомляє рекламному кабінету Meta про дії відвідувачів: перегляди, додавання в кошик, покупки, заявки. На цих даних працюють вимірювання результатів реклами, аудиторії для ретаргетингу й оптимізація кампаній на конверсії. Якщо піксель зник, реклама у Facebook та Instagram крутиться далі, але наосліп.
Зміст статті
Що таке Facebook Pixel (Meta Pixel)?
Facebook Pixel — колишня назва Meta Pixel, пікселя рекламної платформи Meta (Facebook, Instagram, Messenger). Це невеликий скрипт на сторінках сайту, який повідомляє Meta, що відвідувач щось зробив: відкрив сторінку, переглянув товар, оформив замовлення.
«Meta Pixel — це фрагмент коду JavaScript, який дає змогу відстежувати активність відвідувачів на вашому сайті».
Кожна така дія називається подією (event). Базовий код пікселя з ідентифікатором (fbq('init', …)) автоматично надсилає подію PageView — перегляд сторінки. Решту подій сайт надсилає через функцію fbq('track', …). Meta має перелік стандартних подій (повний список), найпоширеніші з них:
| Подія | Що означає | Де зазвичай спрацьовує |
|---|---|---|
PageView | Перегляд сторінки | Будь-яка сторінка з базовим кодом |
ViewContent | Перегляд вмісту, наприклад товару | Картка товару |
AddToCart | Додавання в кошик | Кнопка «Купити» |
InitiateCheckout | Початок оформлення замовлення | Сторінка оформлення |
Purchase | Покупка | Сторінка подяки після оплати |
Lead | Заявка, контакт | Форма зворотного зв’язку |
Чому Facebook Pixel перестає працювати?
Найчастіше піксель «губиться» під час робіт на сайті, які не мали до реклами жодного стосунку:
- Оновлення теми або редизайн. Базовий код вписали вручну в шаблон, а новий шаблон його не містить.
- Зміни в Google Tag Manager. Піксель працює через GTM, і тег із ним видалили, призупинили або зламали тригер. Або зник сам контейнер GTM.
- Вимкнений плагін чи інтеграція. Піксель підключали плагіном CMS або через інтеграцію платформи магазину, і її вимкнули чи перепідключили з іншим ідентифікатором.
- Окремі шаблони сторінок. Сторінка подяки чи оформлення замовлення зібрані окремо, тож подія Purchase не надсилається.
- Банер згоди на cookie. Новий банер блокує запуск пікселя до згоди відвідувача, і налаштований він так, що піксель не запускається навіть після згоди.
- Оптимізація швидкості. Плагін відкладає або об’єднує скрипти, і код пікселя перестає виконуватися.
Як розпізнати проблему з Facebook Pixel?
Проблеми з пікселем видно в Ads Manager і в Events Manager (диспетчері подій) Meta:
| Що ви бачите | Можлива причина | Що зробити |
|---|---|---|
| В Events Manager немає нових подій із сайту | Базового коду пікселя немає на сторінках | Знайти fbq('init' у коді сторінки чи тег у GTM, повернути код |
| Є PageView, але немає Purchase | Подію покупки не надсилає сторінка подяки | Перевірити сторінку подяки через Meta Pixel Helper |
| Кліки є, а покупок у Ads Manager нуль | Піксель зник або спрацьовує не на тих сторінках | Пройти шлях покупки з Pixel Helper |
| Аудиторія відвідувачів сайту зменшується | Нові відвідувачі не потрапляють в аудиторію | Перевірити, чи надсилається PageView на всіх сторінках |
| Подвоєні покупки | Піксель стоїть і в коді, і в GTM чи плагіні | Залишити одне місце встановлення |
Як перевірити Facebook Pixel самостійно?
Meta радить ставити базовий код пікселя в <head>:
«Додайте базовий код між відкривальним і закривальним тегами <head>. […] Це зменшує ймовірність того, що браузери чи сторонній код заблокують виконання пікселя».
- Установіть розширення Meta Pixel Helper для Chrome. Воно показує, скільки пікселів знайдено на сторінці, і повідомляє про помилки (документація Meta).
- Відкрийте головну сторінку: Pixel Helper має показати ваш піксель і те, що він успішно завантажився. Звірте ідентифікатор пікселя з тим, що в Events Manager.
- Пройдіть шлях покупця: картка товару, кошик, оформлення, сторінка подяки. На кожному кроці Pixel Helper має знаходити піксель без помилок, а в Events Manager мають з’являтися відповідні події.
- Якщо Pixel Helper нічого не знаходить, відкрийте код сторінки (
Ctrl+U) і пошукайтеfbq(. Немає в коді — перевірте теги в Google Tag Manager. - В Events Manager відкрийте свій піксель і перегляньте, коли надійшла остання подія.
- Або скористайтеся перевіркою FullCheckApp «Перевірка Facebook Pixel» й отримайте інформацію в зручному графічному вигляді.
Якщо ви обрали останній пункт — ви вже ухвалили правильне рішення: перевірка виконується автоматично, і про попередження чи критичну подію ви дізнаєтеся першими.
Що перевіряє FullCheckApp
FullCheckApp щодня перевіряє, чи встановлено на сайті Facebook Pixel. Піксель шукаємо в двох місцях: у коді самої сторінки і всередині контейнера Google Tag Manager. Тож перевірка спрацює, хоч би як піксель підключено — вручну, плагіном чи через GTM.
- Коли. Раз на добу в час, який ви обрали, за вашим часовим поясом.
- Де. Головна і до 10 внутрішніх сторінок на сайт; у звіті видно, на якій саме сторінці проблема.
- Як позначається. Зелена позначка — норма, жовта — попередження, червона — критично. Рівень критичності можна налаштувати окремо для кожного сайту.
- Як ви дізнаєтеся. Після кожної перевірки приходить лист зі звітом, критичні проблеми дублюються в Telegram.
Піксель не знайдено на сторінці й у контейнері GTM.
Сервіс дивиться на сайт ззовні, як звичайний відвідувач, тож нічого встановлювати не потрібно. Окремо стежать за контейнером Google Tag Manager і TikTok Pixel.
Часті питання
Facebook Pixel і Meta Pixel — це одне й те саме?
Так. Після перейменування компанії Facebook на Meta піксель отримав назву Meta Pixel, але в інтерфейсах і статтях досі часто пишуть Facebook Pixel. Це той самий код: він передає події з сайту в рекламну систему Meta, яка показує рекламу у Facebook, Instagram і Messenger.
Що таке події пікселя?
Подія — це дія відвідувача на сайті, про яку піксель повідомляє Meta: перегляд сторінки, перегляд товару, додавання в кошик, покупка, заявка. Meta має перелік стандартних подій із фіксованими назвами, наприклад PageView, AddToCart і Purchase. Можна створювати й власні події, якщо стандартних не вистачає.
Чи замінює Conversions API піксель?
Conversions API передає події з вашого сервера, а не з браузера відвідувача, і Meta обробляє їх так само, як події пікселя. Це окремий канал, який не залежить від коду на сторінці. Але налаштовують його окремо, і якщо на сайті працює лише піксель, без пікселя дані з сайту в Meta не надходять зовсім.
Як швидко перевірити, чи працює піксель?
Найпростіше — розширення Meta Pixel Helper для Chrome. Відкрийте сайт: розширення покаже, які пікселі знайдено на сторінці, чи вони успішно завантажилися і чи є помилки. Пройдіть увесь шлях покупця до сторінки подяки, а в Events Manager переконайтеся, що подія покупки теж надходить.
Що буде з рекламою, якщо піксель зник?
Реклама продовжить показуватися й витрачати бюджет, але Ads Manager перестане бачити покупки й заявки з сайту. Аудиторії відвідувачів для ретаргетингу не поповнюватимуться, а кампанії, налаштовані на конверсії, втратять сигнал для оптимізації. Чим довше піксель не працює, тим більше бюджету витрачається без зворотного зв’язку.
Джерела
- Meta for Developers — Meta Pixeldevelopers.facebook.com/docs/meta-pixel
- Meta for Developers — Get Started with the Meta Pixeldevelopers.facebook.com/docs/meta-pixel/get-started
- Meta for Developers — Conversion Trackingdevelopers.facebook.com/docs/meta-pixel/implementation/conversion-tracking
- Meta for Developers — Standard Events referencedevelopers.facebook.com/docs/meta-pixel/reference
- Meta for Developers — Meta Pixel Helperdevelopers.facebook.com/docs/meta-pixel/support/pixel-helper
- Meta for Developers — Conversions APIdevelopers.facebook.com/docs/marketing-api/conversions-api
Перевірте свій сайт
Додайте адресу сайту — перша перевірка пройде одразу, і ви побачите стан кожного пункту з цього матеріалу.
Перевірити безкоштовно