Что такое пиксель в фейсбук, создать и настроить

Содержание

Встраивание Пиксель Фэйсбук на сайт

Чтобы вы могли пользоваться всеми этими данными и улучшать продажи и маркетинг, вам необходимо создать пиксель, а затем встроить (добавить) его на свой веб-сайт или в цифровой магазин. Для этого у вас должен быть веб-сайт, а также код доступа (или редактировать с помощью плагина).

Таким образом, есть 2 основных шага:

1. Создание пиксель Facebook

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

  1. Посетите менеджер мероприятий на Facebook здесь. Вы также можете получить к нему доступ через меню в своей личной рекламной учетной записи или в учетной записи Facebook Business Manager.
  2. Нажмите кнопку «Подключить источники данных».
  3. Выберите «Интернет».
  4. Щелкните кнопку «Пуск».

Создание Пиксель Фэйсбук

  1. Выберите «Facebook Pixel» и нажмите «Подключиться».

Метод подключения пикселя Facebook

  1. Введите имя пикселя (для будущей идентификации).
  2. Введите адрес веб-сайта для тестирования и внедрения и нажмите «Продолжить».

Пиксель Фэйсбук — добавить детали

Здесь вы создали ваш пиксель, теперь вам нужно установить его на сайт, как описано ниже.

Другой способ: вы также можете создать пиксель, зайдя в Бизнес-менеджер и щелкнув «Пиксели» в меню «Источники данных». Там нажмите кнопку «Добавить», введите имя и URL-адрес.

1. Ручная установка

Чтобы установить вручную, нажмите кнопку «Добавить код пикселя на сайт вручную», а затем:

  • Нажмите кнопку «Копировать код» и нажмите «Продолжить».
  • Выберите, хотите ли вы включить «Автоматическое расширенное сопоставление». Это безопасно отправляет информацию о клиентах, чтобы найти людей, у которых есть Facebook. Нажав Да, вы можете выбрать, какую информацию отправлять.
  • Затем нажмите «Продолжить».
  • Позже вы можете использовать инструмент настройки событий без необходимости использования кода (менее рекомендуется).

Вам необходимо добавить код в раздел вашего сайта. Вы можете отправить его своему разработчику или программисту.

2. Установка с помощью плагина

Другой способ — установить через плагин Facebook для веб-сайтов или сайтов электронной коммерции.

Для этого нажмите «Использовать интеграцию партнеров»:

  • Выберите издателя (инструменты и сервисы), например WordPress, WooCommerce, Wix, Drupal, Google Tag Manager и другие.
  • Выполните следующие шаги.
  • Фактически, вам нужно будет добавить плагин на свой сайт.

What Is the Facebook Pixel?

The Facebook Pixel is a piece of code you can install on your website. It helps to measure the effectiveness of your Facebook ad campaigns by monitoring the actions people take both on your site. 

You can use the Facebook Pixel code to track events on:

  • Pageviews
  • Time on page
  • Scroll depth
  • Add to cart
  • Purchase
  • And more

Additionally, it can be used to create retargeting campaigns and remarket to people who have taken a desired action or visited a specific page on your website.

In short, the Facebook Pixel:

  • Lives on your website
  • Tracks visitors as they interact with your webpages
  • Gives you the ability to build custom audiences for retargeting
  • And enables you to track the ROI of your Facebook and Instagram campaigns

Пиксель Facebook – что это такое?

Пикселем называют счетчик JS, который выдают владельцу рекламного кабинета ФБ для установки на площадку. Этот кусочек JavaScript-кода добавляют на все страницы сайта. Он запоминает каждого, кто переходил на сайт, собирает подробные данные обо всех пользователях и производимых ими действиях, а затем передает ее в AdsManager.

Функции FacebookPixel

Зачем нужен пиксель Фейсбук в рекламном аккаунте? У этого элемента есть много полезных функций. Вот лишь несколько из них:

  • Сбор данных о пользователях и их поведении на веб-ресурсе или лендинге. Например, посетитель кликнул по рекламной публикации, перешел на лендинг, забросил товар в корзину и совершил конверсию. Pixel вносит его в список, который затем можно будет использовать для анализа ЦА и более точной настройки таргетинга;
  • Оценка конверсии трафика, а также результативности и окупаемости рекламной кампании. Соответствие вашего товара интересам целевой аудитории всегда основано на гипотезах. Пиксель позволяет понять, насколько они точны и отвечает ли ваше предложение ожиданиям тех, кто перешел по объявлению;
  • Увеличение продаж и применение автоматических стратегий управления ставками. Платформа самостоятельно подбирает потенциальных клиентов, основываясь на полученных данных. Это позволяет выйти за рамки гипотезы о целевой аудитории, а также различные параметры настроек ФБ. В социальной сети содержится огромная статистика об интересах пользователей. Если поставить оптимизацию за конверсии, система подберет вам новых клиентов в автоматическом режиме;
  • Оптимизация промо-акций. Машинные алгоритмы обучения Facebook позволяют вам направить показы на тех пользователей, которые изначально заинтересованы в вашей продукции и с большей вероятностью совершат покупку. К тому же вы сможете убрать неработающие варианты и оставить только те объявления, которые действительно приносят результат;
  • Настройка конверсии. Благодаря Facebook Pixel вы сможете увидеть, в какой момент посетитель достигает какой-либо цели – скачивает ценник, покупает товар или осуществляет регистрацию на мероприятие. В будущем по каждой категории клиентов можно будет запустить отдельную рекламу.

Помимо всего прочего, пиксель позволяет собирать аудиторию для проведения ремаркетинга, а также настраивать подобные и комбинированные ЦА. Основываясь на данных вашей аудитории, платформа поможет найти людей с такими же интересами внутри социальной сети. Для этого она изучит тысячи разных моментов – возраст, половую принадлежность, геолокацию и т. д.

Установка пикселя ФБ в WordPress

Этот сайт предлагает 2 способа установки – с помощью специального плагина или посредством ручного редактирования файлов. Выполнить эти действия могут только администраторы с доступом к панели управления сайта на WP. Теперь опишем каждый из вариантов.

Способ 1. Установка с помощью плагина

  1. Зайдите в раздел «Подключение действий на сайте с помощью пикселя».
  2. Кликните по блоку «Добавить код через партнерские интеграции».

  1. В открывшемся окне выберите нужный движок.
  2. Перед вами откроется экран «Подключение профиля WordPress» – нажмите здесь на «Продолжить».
  3. Кликните по строчке «Скачать» и загрузите архив с расширением для веб-ресурса.
  1. Снова нажмите «Продолжить».
  2. Перейдите в консоль управления ресурса.
  3. В появившемся меню выберите раздел «Плагины» – «Добавить новый» – «Загрузить».
  4. Для продолжения загрузки нажмите «Выберите файл» и укажите архив со скачанным плагином.
  5. Завершите установку и активируйте плагин.
  6. Разместите на сайте пробный трафик – это позволит убедиться в том, что пиксель работает правильно.
  7. Нажмите «Продолжить» – на этом добавление пикселя окончено. Теперь вы можете закрыть эту страницу или продолжить отслеживать события на сайте.

Способ 2. Ручная установка

Поставить пиксель Фейсбук на WordPress без дополнительного программного обеспечения можно следующим образом: если у вас относительно новая версия (от 4.4) или вы не планируете ставить туда очередной плагин, воспользуйтесь этой инструкцией:

  1. Зайдите в раздел «Подключение действий на ресурсе при помощи пикселя».
  2. Вам нужен пункт «Внести код пикселя вручную».
  3. Перейдите в окошко для продолжения установки.
  4. Скопируйте пиксель в буфер обмена.
  5. Откройте другую вкладку, войдите в панель управления ресурса на WP – меню «Вид» – «Редактирование тем».
  6. В списке с файлами выберите «Заголовок» и нажмите на него.
  7. После загрузки информации в редактор пропишите код пикселя перед тегом.
  8. Кликните по кнопке, указывающей на запуск файлового обновления.
  9. Снова перейдите в AdsManager и запустите пробный трафик.
  10. Нажав «Продолжить», настройте те события, которые нуждаются в отслеживании.

Пиксель и события – где их взять?

Вы можете сгенерировать код пикселя и его события в менеджере рекламы Facebook, перейдя на вкладку « пиксели » в раскрывающемся меню. Если вы ранее не создавали пиксель, ваши глаза увидят зеленую кнопку «Создать пиксель». Следуя инструкциям, вы достигнете точки, в которой вы сможете скопировать свой индивидуальный пиксельный код, и на следующей вкладке вы найдете сценарии событий.

Сами сценарии событий даже короче пиксельного кода. Пример события «Добавить в корзину» (AddToCart):

Вышеуказанное событие будет содержать только информацию о добавлении товара в корзину. Если вы хотите дополнительно отслеживать, какой конкретный продукт, какое значение было добавлено, вам нужно будет добавить его параметры к событию.

Пример события вместе с параметрами, которые будет содержать информация о продукте, будет выглядеть следующим образом:

Как видите, событие отправит не только информацию о том, что продукт был добавлен в корзину, но и информацию о продукте: продукт стоимостью 3000 рублей с идентификатором продукта: 123123123и типом «tele».

Что это дает? То, что вы можете показывать рекламу на платформах Facebook конкретным пользователям, которые просматривали или добавили продукт в вашу корзину и показывать в рекламе им именно этот продукт (динамический ремаркетинг).

Человек смотрит продукт X на сайте → затем в Facebook ему показывается реклама с продуктом X.

Помните, что события будут работать, только если вы уже установили пиксельный код!

Как работать с Пиксель

От теории перейдем к практике. Сейчас будет рассказано о том, как создать, установить и проверить работу Pixel Facebook. Следуя инструкции, вы без проблем установите и сможете использовать полезный инструмент, который позволит более успешно зарабатывать в интернете.

Создание

Начнем с создания. Сделать это намного проще, чем может показаться на первый взгляд. Однако для выполнения дальнейшей инструкции вам необходимо создать рекламный кабинет (Ads Manager), если его у вас нет. Если есть, тогда приступайте в следующему:

  1. Откройте Менеджер рекламы на вкладку «Пиксель Facebook».
  2. Нажмите кнопку «Создать Пиксель».
  3. Укажите наименование своего инструмента. Стоит отметить, что для аккаунта рекламодателя можно будет создать всего один Pixel, поэтому вводите то название, которое будет полностью отражать вид вашей деятельности.
  4. Примите условия соглашения, установив галочку рядом с соответствующим пунктом.
  5. Нажмите кнопку «Создать Пиксель».

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

Установка

На предыдущем этапе после выполнения всех действий вы получили код инструмента, соответственно, чтобы установить Пиксель, необходимо этот код поместить на свой сайт. Для этого:

  1. Скопируйте код.
  2. Перейдите на свой сайт.
  3. Вставьте в шапку (перед тегом </head>).

Вот и все, после этого все должно заработать, однако лучше с самого начала проверить это.

Проверка

Проверить работу Pixel Facebook очень просто. Для этого достаточно установить соответствующее расширение в браузер. Зайдите на страницу Facebook Pixel Helper и нажмите кнопку «Установить». Затем, нажав по иконке дополнения, вы должны увидеть окошко с надписью “loaded succesfully” рядом с зеленой полоской. Это будет означать, что все сделано верно.

Настройка пикселя на других сайтах

Как настроить пиксель на Тильде

Интегрировать Facebook Pixel с сайтом можно двумя способами: вставкой кода и вставкой ID пикселя в настройки. ID можно скопировать на главной странице (Overview) пикселя. После чего вставить его в настройках сайта → Аналитика → Facebook Pixel, сохранить и переопубликовать страницу.

Кроме того, пиксель можно вставить кодом для всего сайта или отдельной страницы. Для этого нужно нажать на кнопку «Посмотреть инструкции по установке», в открывшемся окне выбрать способ «Самостоятельно установите код пикселя вручную» и скопировать код из Шага 2.

Далее следует перейти на Тильду в Настройки сайта → Еще → Вставка кода в Head. После вставки кода нажать «Сохранить» и переопубликовать все страницы.

После этого нужно снова зайти в Facebook и нажать «Готово». Тильда начнет автоматически передавать события Lead и InitiateCheckout в пиксель Фейсбука. Для трекинга конверсии других событий или действий на сайте, необходимо внести в интегрируемый код дополнительные изменения.

Как настроить пиксель Вконтакте

Если вы хотите, чтобы пикселя ретаргетинга работал и в социальной сети «ВКонтакте», пользоваться уже созданным Facebook Pixel не получится. Необходимо создать специальный код непосредственно в рекламном кабинете сети.

Для этого нужно выбрать раздел «Рекламные кампании – Ретаргетинг», далее открыть вкладку «Пиксели» и нажать кнопку «Создать пиксель».

В окне, которое открылось указываются название пикселя, домен, данные и тематика сайта, после чего сформированный код нужно скопировать и вставить на сайт между тегами head и /head.

Если ваш сайт под управлением CMS WordPress можно воспользоваться специальными плагинами, такими как Head, Footer and Post Injection. Кроме того, пиксель можно добавить при помощи уже известного нам Google Tag Manager.

Через пару минут проверьте статус в рекламном кабинете. Если работа проделана правильно, система сообщит об отсутствии ошибок и работающем коде.

Как настроить пиксель на Taplink

Чтобы установить Pixel на страницу Taplink необходимо указать его ID в разделе Настройки — «Общие» и нажать на кнопку «Сохранить изменения». Указывать HTML код отдельно необязательно, достаточно лишь ID пикселя.

Стоит помнить, что настраивать события не нужно, ведь Taplink изначально настроен так, чтобы при каждом нажатии на ссылки или мессенджеры отправлять события в Facebook. Более того, система отправляет все стандартные события для ecommerce, такие как: «Новая заявка (лид)», «Добавление товара в корзину», «Начало оформления заказа» и «Успешная оплата». Чтобы проверить работу пикселя можно использовать расширение Facebook Pixel Helper.

Для чего нужен Facebook Pixel

1. Отслеживание конверсий

С помощью Facebook Pixel можно мониторить взаимодействие потенциальных клиентов с вашим сайтом

При этом не важно, с какого устройства он к вам зашел.. Поясним на конкретном примере

Часто возникает ситуация, когда пользователь первый раз кликнул по объявлению со смартфона. Но он не совершил покупку. Позже, юзер посетил сайт с десктопа и сконвертился. Без дополнительно трекинга сложно выявить «кроссдевайсных» клиентов.

Поясним на конкретном примере. Часто возникает ситуация, когда пользователь первый раз кликнул по объявлению со смартфона. Но он не совершил покупку. Позже, юзер посетил сайт с десктопа и сконвертился. Без дополнительно трекинга сложно выявить «кроссдевайсных» клиентов.

2. Ремаркетинг

Человек посетил сайт, но не купил. Если он перешел по креативу, значит его заинтересовало предложение. Имеет смысл вести юзера через воронку продаж и дальше. Создавая ремаркетинговые кампании, вы «дожимаете» горячих пользователей.

3. Создание lookalike аудиторий

Facebook использует внутреннюю статистики для подбора оптимальной аудитории. Pixel фиксирует, какие юзеры сконвертились, и передает данные алгоритмам рекламного кабинета. Те, в свою очередь, показывают объявления людям с похожим соцдемом и аналогичными интересами.

4. Оптимизация рекламных кампаний

В Facebook реализованы функции оптимизации конверсий. Pixel снимает метрики, необходимые для повышения эффективности рекламных кампаний. На основании этих данных, алгоритмы гибко подстраивают таргетинг с целью увеличения конверсий.

Что поменялось в настройках Фейсбука для рекламодателей

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

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

Как настроить домен, написано ниже, а пока расскажем, что еще поменялось для рекламодателей Фейсбука:

  1. Изменилось окно атрибуции. Теперь Фейсбук не сможет идентифицировать пользователей напрямую и собирать данные на таком продолжительном периоде, поэтому теперь настройка «28 дней после клика и 1 день после просмотра» – недоступна. Это означает, что все ваши прежние рекламные кампании необходимо настроить заново, потому что пользователи, которые совершали целевое действие спустя 28 дней после клика, не будут находиться алгоритмами. По умолчанию же будет выставлена атрибуция «7 дней после клика и 1 день после просмотра». Кстати, настройки атрибуции теперь выставляются на уровне групп объявлений.
  2. Новые настройки негативно отразятся и на похожих аудиториях (Look-alike) и на аудиториях ретаргетинга – они станут меньше, а интересы перестанут обновляться у тех пользователей, которые запретили сбор данных (это пользователи iOS 14, которые не дали согласие на передачу данных). Хотя совсем эти пользователи из рекламы по интересам, скорее всего, не исчезнут. Аудитории, которые собирались по действиям внутри Инстаграма и Фейсбука, также останутся, хотя сам ретаргетинг с сайта и мобильных приложений будет затруднен.

Чтобы ваша реклама в Фейсбуке продолжала работать, в первую очередь нужно верифицировать домен и настроить события пикселя в Facebook Business Manager.

Инструкция: как подтвердить домен и настроить пиксель Фейсбука

Если вы уже заходили в рекламный кабинет Фейсбука, то должны были видеть в Центре Ресурсов подобное предупреждение – о том, для каких пикселей не будут больше собираться события конверсии:

Центр ресурсов в Фейсбуке

Такие же уведомления вы увидите и на странице вашего пикселя в кабинете:

Пиксель Фейсбука – важные изменения в отношении устройств с iOS 14

Итак, приступим к процессу верификации домена:

В настройках рекламного кабинета выбираем раздел «Безопасность бренда» – «Домены» — подтвердить домен. Вы увидите, что домен вашего сайта можно подтвердить несколькими способами: через метатеги, через загрузку верификационного html-документа в основную директорию сайта или через DNS. Выберите, какой вам будет удобней:

Настройки безопасности бренда в Фейсбуке

После выполнения действий вы увидите, что красная точка рядом с доменным именем стала зеленой, и получите подтверждение в виде всплывающего окна:

Подтверждение домена в настройках рекламного кабинета Фейсбука

Настраиваем веб-события для пикселя Фейсбука

Теперь можете зайти в Events Manager – «Настройки веб-событий», чтобы управлять теми событиями, которые будут фиксироваться пикселем для вашего сайта. Для этого нажмите «Управление событиями»:

Настройки веб-событий для сайта в рекламном кабинете

Нажмите «Редактировать», чтобы приступить к настройке:

Настройки веб-событий при внесении изменений сбрасывают прежние параметры

После останется выбрать приоритетность событий и их тип. Напомним, что теперь на домен регистрируется не больше 8 событий. Обычно выбирают основные, стандартные, например: лид, просмотр контента, добавление в корзину:

Подтверждение событий для настройки работы пикселя Фейсбука

Поздравляю, вы настроили веб-события и подтвердили домен.

Когда подтвердил домен в Фейсбуке и можешь получать события с сайта

Фейсбук постоянно обновляет свой рекламный кабинет, поэтому рекламодателям приходится быть начеку – любые изменения в его работе сильно влияют на эффективность таргетированной рекламы в Инстаграме и Фейсбуке. Повысить эффективность таргетированной рекламы поможет парсинг сервиса Pepper.Ninja. А еще можно показывать рекламу подписчикам конкурентов в Инстаграме – мы рассказали, как. Удачного продвижения!

Facebook pixel setup

Now that you know what you can track, and why you would want to do so, it’s time to create your Facebook pixel and put it to work on your website.

Step 1: Create a Facebook pixel

1. From your Facebook Events Manager, click Connect to Data Sources in the left hand menu, then select Web. Click Get Started to continue.

Source: Facebook Events Manager

2. Select Facebook Pixel, then click Connect.

Source: Facebook Events Manager

Name your pixel, enter your website URL, and click Continue.

Source: Facebook Events Manager

When choosing the pixel’s name, keep in mind that with Events Manager, you only get one pixel for each ad account. The name should represent your business, rather than a specific campaign.

If you want to use more than one pixel per ad account, you can do so using Facebook Business Manager.

Step 2: Add the Facebook pixel code to your website

To put the pixel to work gathering information on your website, you now need to install some Facebook pixel code on your web pages.

There are a few ways to do this depending on what website platform you use.

Source: Facebook Events Manager

  • If you use one of Facebook’s integration partners, like WordPress or SquareSpace, choose Use a Partner Integration. This will walk you through a series of steps to connect your Facebook pixel without any coding.
  • If you work with a developer or someone else who can help you edit your website code, click Email Instructions to send your developer everything they need to install the pixel.
  • If neither of the above options apply, you need to insert the pixel code directly into your web pages. That’s what we’ll walk you through in this section.

1. Click Install code manually.

2. Click the green Copy Code button.

Bonus: Download a free guide that shows you how to save time and money on your Facebook ads. Find out how to reach the right customers, lower your cost-per-click, and more.  

Get the free guide right now!

Source: Facebook Events Manager

3. Paste the pixel code into the header code of your website, just above the </head> tag. You need to paste it into every single page, or into your header template if you’re using one. Click Continue.

4. Choose whether to use automatic advanced matching. This option matches hashed customer data from your website to Facebook profiles. This lets you track conversions more accurately and create larger custom audiences. Then click Continue.

Source: Facebook Events Manager

Step 3: Set up Facebook pixel events

1. Click the Open Event Setup Tool button.

Source: Facebook Events Manager

Choose your Facebook pixel ID, then click Settings and scroll down to Open Event Setup Tool.

Source: Facebook Events Manager

2. Enter your URL and click Open Website.

Source: Facebook Events Manager

3. Facebook will provide a list of suggested events. Click Review next to each event, then choose to Confirm or Dismiss. Click Finish Setup to continue.

If you’re interrupted in your pixel setup, you can always come back to this later by going to Events Manager.

Step 4: Confirm your pixel is working with the Facebook pixel helper

Before you start relying on the data from your Facebook pixel, you should confirm that it’s tracking properly.

1. Add the Facebook Pixel Helper extension to your Google Chrome browser. (It’s only available for Chrome, so if you use a different browser, you’ll need to install Chrome to use the Pixel Helper.)

Source: Chrome Web Store

2. Visit the page where you have installed the Facebook pixel. A popup will indicate how many pixels it finds on the page. The popup will also tell you if your pixel is working properly. If not, it will provide error information so you can make corrections.

Source: Facebook Pixel Helper

Step 5: Add a Facebook pixel notice to your website

To comply with Facebook’s terms (and, in some cases, the law), you need to make sure visitors to your website know you’re collecting their data.

That means you need to provide clear notice that you’re using the Facebook pixel and that their information may be collected through cookies or other methods. You also need to let users know how they can opt out of having their data collected.

To get all the details, go to the Facebook Business Tools Terms and scroll down to point 3: Special Provisions Concerning the Use of Certain Business Tools. Or, check out Facebook’s Cookie Consent Resource.