Как установить пиксель Facebook на WordPress: пошаговая инструкция

Установка пикселя Facebook для сайта на WordPress позволяет улучшить рекламную кампанию в социальных сетях Фейсбук и Инстаграм, а также собирать аудиторию для дальнейшего таргетинга на нее.

Как получить код пикселя Facebook

Что такое пиксель Фейсбука и для чего он нужен?

Пиксель Фейсбука — это фрагмент кода на сайте, позволяющий измерять результативность рекламы, передавать выполненные события пользователями Фейсбука на сайте в рекламный кабинет.

Благодаря ему можно:

  • Оптимизировать рекламу, используя в качестве цели не клики, а выполненные конверсии;
  • Создавать стандартные и похожие аудитории на основе посетителей сайта;
  • Отслеживать, сколько пользователей выполнили конверсию на сайте.

Создание нового

Создать пиксель Фейсбука можно посетив Ads Manager пройдя по ссылке:

https://www.facebook.com/business/tools/ads-manager
Переход в Facebook Ads Manager

Далее в верхнем-левом углу на кнопку «Меню»-«Events Manager».

Переход в Events Manager в Facebook Ads Manager

После кликаем на «Добавить новый источника данных»-«Пиксель Facebook».

Создание нового пикселя в Facebook Events Manager

Даем ему название и переходим на следующий шаг.

Название для нового пикселя Facebok

Выбираем добавление кода пикселя на сайт вручную. Оставшиеся способы работают лишь для стандартных CMS (в частности не подойдут для Тильды), а отправка инструкций разработчику электронным письмом лишь отправит код с инструкцией на указанную почту.

Добавление кода нового пикселя Фейсбук врунчую

Копируем появившийся на экране код.

Копирование кода пикселя Фейсбука

Из кода потребуется сохранить ID счетчика, который можно найти в указанных ниже местах.

ID пикслея Фейсбук в коде

Как найти ID и код пикселя Фейсбука у уже созданного счетчика

Для этого переходим в тот же раздел «Event Manager» и нажимаем на нужный нам счетчик.

Переход в пиксели в Facebook Ads Manager

В нем в правом-верхнем углу нажимаем на «Настроить»-«Установить пиксель».

Переход в установку пикселя в Facebook Ads Manager

Выбираем способ установки вручную.

Добавление кода пикселя Facebook на сайт вручную

Копируем код или же ID.

Копирование кода пикселя Фейсбука

Установка пикселя Facebook на сайт WordPress напрямую в код (Способ №1)

Выполнить задачу можно вручную через админку WordPress (или при подключении к FTP) где переходим в «Внешний вид»-«Редактор тем».

Переход в редактор тем в админке WordPress

Далее ищем файл «header.php» и в редакторе перед закрывающимся тегом </head>.

Переход в редактирование head и установка пикселя Facebook в административной панели WordPress

Обновляем файл и все готово.

Обновление файла head с пикселем Facebook в WordPress

Настройка завершена

Установка пикселя Фейсбук на Woocommerce (Способ №2)

Важно! Данный плагин разработан для сайтов, использующих плагин Woocommerce.

Для этого переходим в админке сайта в «Плагины»-«Добавить новый», где в строке поиска используем «Facebook» и устанавливаем официальный продукт от социальной сети:

https://ru.wordpress.org/plugins/official-facebook-pixel/
Установка плагина для установки пикселя Facebook в WordPress

Активируем плагин.

Активация плагина Facebook Pixel в WordPress

Переходим в его настройки.

Переход в настройки плагина Facebook пикселя для Woocommerce WordPress

В настройках «Интеграция» кликаем на «Get Started».

Переход в настройку плагина пикселя Фейсбука для Woocommerce WordPress

В появившемся окне логинимся под своим профилем в Facebook и переходим «Далее».

Приветственное сообщение плагина пикселя Фейсбука для Woocommerce WordPress

Выбираем страницу, которую представляем кампания.

Выбор страницы Facebook для интеграции с плагином Facebook пиксель для WordPress

Нажимаем на нужный пиксель.

Выбор пикселя для интеграции с WordPress

Если имеется каталог продукции, то импортируем его и завершаем настройку.

Импорт товаров пиксель для WordPress

Все готово пиксель установлен.

Как проверить работу пикселя

Для этого устанавливаем расширения для Google Chrome Facebook Pixel Helper после чего посещаем сайт и проверяем корректность настройки. Если все корректно установлено, то можно увидеть соответствующее сообщение при вызове расширения.

Проверка и тестирование установленного пикселя Facebook на сайте через Facebook Pixel Helper

В тех, случаях, когда кода не найдено на сайте система укажет на это сообщением «No pixel found on …».

Отсутствие пикселей Facebook при проверке Facebook Pixel Helper

Рекомендации

В случае настройки пикселя для сайта на Тильде можно будет без лишних настроек видеть, как выполняются действия, среди которых:

  • Lead. Инициируется при успешной отправке любой формы на сайте;
  • InitiateCheckout. Срабатывает в случае успешной отправке корзины.

Когда речь идет о событиях на сайте на базе CMS WordPress то лучше всего использовать данную инструкцию при настройке событий.

Подписывайтесь на наш канал в Яндекс.Дзен

Подписывайтесь на наш Telegram-канал

Подписывайтесь на наш Youtube-канал

Подписывайтесь на нашу группу ВКонтакте

Комментарии 2

  • у вас скриншоты уже неактуальные? или это у меня по-другому отоброжается кабинет бизнес-менеджера?))

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (3 оценок, среднее: 5,00 из 5)
Загрузка...