UnionCreated using FigmalectureCreated using Figma
new

PPC CONF: 30 докладов об успехах и провалах в интернет-маркетинге Подробнее

7817 https://ppc.world/uploads/images/6d/51/60489014b5908-pexels-pixabay-414579.jpg 2021-03-11 Facebook + Instagram ppc.world 160 31

Как установить пиксель Facebook на сайты Tilda и WordPress

WordPress и Tilda — популярные конструкторы сайтов, благодаря которым лендинг может сделать даже человек без опыта в разработке. Если вам понадобилось установить пиксель Facebook на лендинг, созданный в конструкторе, эта инструкция для вас. В ней объясняем, как сделать пиксель в рекламном аккаунте и самостоятельно установить его на лендинг.

Пиксель Facebook — это часть кода, написанного на языке JavaScript. Пиксель встраивается в код сайта, чтобы отследить действия пользователей. Его установка на сайт позволяет:

  1. Отслеживать пользовательское поведение. Благодаря пикселю можно узнать, какие страницы и разделы посещают пользователи и что делают на сайте.

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

  3. Оптимизировать рекламные кампании, чтобы получать нужные целевые действия. Например, показать объявления тем людям, которые, скорее всего, сделают заказ.

Поставить пиксель Facebook на лендинг на Tilda и WordPress можно с помощью опций, включенных в эти конструкторы.

Создаем пиксель Facebook

Сначала создаем пиксель для вашего бизнеса. Это можно сделать в разделе управления источниками данных Events Manager. Для этого:

  1. Перейдите в раздел Events Manager.

  2. Кликните на зеленый значок плюса, нажмите «Подключить источники данных» и выберите «Интернет» в качестве источника.

  3. Кликните на пункт «Пиксель Facebook» и выберите «Подключить».

  4. Напишите для пикселя понятное название, например, «Пиксель ppc.world».

  5. Введите URL сайта и кликните на кнопку «Продолжить».

Созданный пиксель Facebook появится в разделе «Источники данных».

Создание пикселя

На этом создание завершилось — пиксель готов. Переходим к его интеграции на лендинг из конструктора.

Как установить пиксель Facebook на Tilda

Tilda — конструктор, который позволяет создать сайт для бизнеса, даже если у пользователя не навыков в разработке и дизайне. В конструкторе есть шаблоны сайтов для разных задач, например, для интернет-магазина, рекламы мероприятия и т. д., коллекция из готовых блоков, которые можно использовать на сайте, а также Zero Block — полноценный редактор для веб-дизайна.

Пиксель на сайт, сделанный в Tilda, можно установить в настройках конструктора двумя способами: через идентификационный номер (ID) и через код. Обратите внимание: использование пикселя на Tilda доступно только тем, кто пользуется платным тарифом. Для бесплатного тарифа эта функция недоступна.

Установка через идентификационный номер

Идентификационный номер отображается в Event Manager в разделе «Источники данных» под названием пикселя.

Продолжение настройки пикселя

Скопируйте цифры, затем перейдите в проект нужного сайта в Tilda в раздел «Настройки сайта».

Переход на Тильду

Перейдите в раздел «Аналитика» и вставьте скопированный идентификатор в специальное поле Facebook Pixel.

Раздел аналитики

Сохраните обновление. Чтобы пиксель начал собирать информацию, переопубликуйте все страницы сайта.

Установка через код

Зайдите в Event Manager во вкладку «Источники данных». Кликните на кнопку «Продолжить настройку пикселя». Система предложит два варианта дальнейшей настройки: с помощью партнерской интеграции или вручную. А если код сайта редактирует разработчик или специалисту по маркетингу, есть вариант отправить ему инструкцию на email.

Выбор типа установки пикселя

Если вы работаете с кодом самостоятельно, выберите ручную установку. Откроется окно, в нем отобразится код пикселя. Скопируйте его.

Копирование кода

Затем откройте в конструкторе Tilda раздел «Настройки сайта». Затем во вкладке бокового меню «Еще», найдите поле «HTML-код для вставки внутрь HEAD». Под ним увидите кнопку «Редактировать код», кликните на нее.

Установка кода на Тильду

Вставьте код и сохраните внесенные изменения. Как и в первом способе установки, переопубликуйте страницы сайте. После этого вернитесь в Event Manager в Facebook и нажмите «Готово», чтобы завершить настройку.

Как поставить пиксель Facebook на WordPress

Перейдите в «Консоль» WordPress. Чтобы открыть консоль, необходимо к адресу сайта добавить /wp-admin в адресной строке. Найдите вкладку «Внешний вид» и кликните по ней. Откроется меню, в нем выберите пункт «Редактор тем».

Редактор тем

Среди файлов темы найдите header.php. Откройте файл и вставьте код пикселя Facebook перед закрывающим тегом </head>.

Файл темы

После этого нужно нажать «Обновить файл».

Для пользователей, у которых подключен платный тариф в WordPress, есть второй способ установить пиксель Facebook с помощью плагина. Для этого в боковом меню консоли WordPress перейдите во вкладку «Плагины».

Плагины

Найдите с помощью поисковой строки плагины Facebook for WordPress или Facebook for WooCommerce (для сайтов, использующих плагин WooCommerce).

Плагин Фейсбука

После установки плагинов перейдите в его настройки в разделе «Интеграция». Кликните на кнопку Get Started и авторизуйтесь под своим профилем в Facebook. Затем выберите соответствующую страницу бизнеса в Facebook и нажмите на подходящий пиксель.

Как узнать, правильно ли работает пиксель

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

Проверка корректности настроек пикселя

Если расширение не видит пикселей на странице, значит что-то установлено неправильно.

Отсутствие пикселей

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

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: