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

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

  • Как получить код;
  • Способ №1;
  • Способ №2;
  • Проверка;
  • Рекомендации.

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

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

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

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

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

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

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

https://www.facebook.com/business/tools/ads-manager

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Official Facebook Pixel

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник: https://seopulses.ru/kak-ustanovit-pixel-facebook-na-wordpress/

 
 

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

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

Заполните поле
Заполните поле
Пожалуйста, введите корректный адрес email.