Мониторинг сайта · №07

Проверка Facebook Pixel

Чеботар А. · CEO FullCheckApp Обновлено 7 мин чтения

Коротко

Facebook Pixel, теперь Meta Pixel, — это код JavaScript на сайте, который сообщает рекламному кабинету Meta о действиях посетителей: просмотрах, добавлениях в корзину, покупках, заявках. На этих данных работают измерение результатов рекламы, аудитории для ретаргетинга и оптимизация кампаний на конверсии. Если пиксель пропал, реклама в Facebook и Instagram продолжает крутиться, но вслепую.

Содержание
  1. Что такое Facebook Pixel (Meta Pixel)?
  2. Зачем следить за Facebook Pixel?
  3. Почему Facebook Pixel перестает работать?
  4. Как распознать проблему с Facebook Pixel?
  5. Как проверить Facebook Pixel самостоятельно?
  6. Что проверяет FullCheckApp
  7. Частые вопросы
  8. Источники

Что такое Facebook Pixel (Meta Pixel)?

Facebook Pixel — прежнее название Meta Pixel, пикселя рекламной платформы Meta (Facebook, Instagram, Messenger). Это небольшой скрипт на страницах сайта, который сообщает Meta, что посетитель что-то сделал: открыл страницу, посмотрел товар, оформил заказ.

«Meta Pixel — это фрагмент кода JavaScript, который позволяет отслеживать активность посетителей на вашем сайте».
— Meta for Developers, Meta Pixel (перевод с англ.)

Каждое такое действие называется событием (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 for Developers, начало работы с Meta Pixel (перевод с англ.)
  1. Установите расширение Meta Pixel Helper для Chrome. Оно показывает, сколько пикселей найдено на странице, и сообщает об ошибках (документация Meta).
  2. Откройте главную страницу: Pixel Helper должен показать ваш пиксель и сообщить, что он успешно загрузился. Сверьте идентификатор пикселя с идентификатором в Events Manager.
  3. Пройдите путь покупателя: карточка товара, корзина, оформление, страница «Спасибо». На каждом шаге Pixel Helper должен находить пиксель без ошибок, а в Events Manager должны появляться соответствующие события.
  4. Если Pixel Helper ничего не находит, откройте код страницы (Ctrl+U) и поищите fbq(. Нет в коде — проверьте теги в Google Tag Manager.
  5. В Events Manager откройте свой пиксель и посмотрите, когда пришло последнее событие.
  6. Или воспользуйтесь проверкой FullCheckApp «Проверка Facebook Pixel» и получите информацию в удобном графическом виде.

Если вы выбрали последний пункт — вы уже приняли правильное решение: проверка выполняется автоматически, и о предупреждении или критическом событии вы узнаете первыми.

Что проверяет FullCheckApp

FullCheckApp каждый день проверяет, установлен ли на сайте Facebook Pixel. Пиксель мы ищем в двух местах: в коде самой страницы и внутри контейнера Google Tag Manager. Поэтому проверка сработает, как бы ни был подключен пиксель — вручную, плагином или через GTM.

  • Когда. Раз в сутки в выбранное вами время, по вашему часовому поясу.
  • Где. Главная и до 10 внутренних страниц на сайт; в отчете видно, на какой именно странице проблема.
  • Как отображается. Зеленая отметка — норма, желтая — предупреждение, красная — критично. Уровень критичности можно настроить отдельно для каждого сайта.
  • Как вы узнаете. После каждой проверки приходит письмо с отчетом, критичные проблемы дублируются в Telegram.
Теги и пикселиshop.example.com · пример
Facebook Pixelне найденshop.example.com/

Пиксель не найден на странице и в контейнере GTM.

Сервис смотрит на сайт снаружи, как обычный посетитель, поэтому ничего устанавливать не нужно. Отдельно FullCheckApp следит за контейнером 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 перестанет видеть покупки и заявки с сайта. Аудитории посетителей для ретаргетинга не будут пополняться, а кампании, настроенные на конверсии, потеряют сигнал для оптимизации. Чем дольше пиксель не работает, тем больше бюджета тратится без обратной связи.

Источники

  1. Meta for Developers — Meta Pixeldevelopers.facebook.com/docs/meta-pixel
  2. Meta for Developers — Get Started with the Meta Pixeldevelopers.facebook.com/docs/meta-pixel/get-started
  3. Meta for Developers — Conversion Trackingdevelopers.facebook.com/docs/meta-pixel/implementation/conversion-tracking
  4. Meta for Developers — Standard Events referencedevelopers.facebook.com/docs/meta-pixel/reference
  5. Meta for Developers — Meta Pixel Helperdevelopers.facebook.com/docs/meta-pixel/support/pixel-helper
  6. Meta for Developers — Conversions APIdevelopers.facebook.com/docs/marketing-api/conversions-api

Проверьте свой сайт

Добавьте адрес сайта — первая проверка пройдет сразу, и вы увидите состояние каждого пункта из этого материала.

Проверить бесплатно

Похожие материалы

08 Проверка TikTok PixelЧто делает TikTok Pixel, какие данные он передает для оптимизации рекламы и как понять, что он действительно установлен на сайте. 05 Проверка Google Tag ManagerЧто такое контейнер GTM, почему через него работают аналитика и пиксели и что ломается, когда код контейнера пропадает со страниц. 06 Проверка тега Google Analytics 4Как тег GA4 собирает данные о посетителях, почему он может пропасть после обновления сайта и чем это грозит отчетам и рекламе.