Logiss.ru

Ваша компьютерная помощь
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

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

Учимся работать с рекламой в Instagram и Facebook за 7 видеоуроков: знакомство с Facebook Pixel

Сегодня представляем третий урок спецпроекта «Лайкни» и eLama «Учимся работать с рекламой в Instagram и Facebook за 7 видеоуроков», на котором разберемся с Facebook Pixel.

Основные разделы третьего урока:
  • Зачем нужен пиксель.
  • Создание и установка пикселя.
  • Типы событий и их настройка.
  • Особенности настройки событий для e-commerce-проектов.

Приятного просмотра! Под роликом вы найдете скрипт.

Что такое пиксель и зачем он нужен

  • Facebook Pixel — это счетчик Facebook Ads, который отслеживает посещения, поведение и выполнение целевых действий на вашем сайте.
  • Без пикселя Facebook Ads понятия не имеет, что происходит с пользователем после клика по рекламному объявлению.

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

Чтобы создать пиксель, необходимо зайти в Events Manager.

Подключаем новый источник данных — нажимаем на зеленую кнопку с плюсом и выбираем источник данных «интернет».

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

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

Например, у eLama есть пиксель для установки на разных сайтах, который называется «Пиксель eLama». Сотрудники четко понимают, что этот пиксель может использоваться на разных сайтах, подсайтах, на разных проектах. Это нужно для агрегирования информации в одном месте.

Рекомендуем использовать как можно меньше пикселей, без лишней необходимости разные пиксели для разных проектов лучше не создавать. Нужно создавать разные пиксели только в том случае, если это абсолютно разные бизнесы, разная аудитория. Если это один бизнес с несколькими направлениями деятельности или проектами, можно использовать один и тот же пиксель.

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

Также в настройках нужно проверить, чтобы был включен расширенный поиск совпадений. Эта опция нужна для лучшей работы сбора данных.

Есть несколько вариантов установки пикселя:

  • Партнерская интеграция Facebook Ads и системы управления сайтом (Squarespace, WordPress, Shopify и др.). В этом случае нужно будет нажать пару кнопок и пиксель будет установлен и настроен.
  • Через Google Tag Manager. Сам пиксель можно установить парой кнопок, а настраивать придется своими силами. Поэтому если вы работаете с Google Tag Manager и умеете им пользоваться, довольно удобный способ.
  • Напрямую в исходный код сайта. С одной стороны, удобно, что независимо от системы управления сайтом пиксель можно установить в исходный код сайта. С другой стороны, следить за его работоспособностью, поддерживать, что-то обновлять придется тоже самостоятельно. По возможности данный способ лучше избегать.
  • Через настройки CMS. Для этого часто и нужен ID пикселя, потому что он вставляется именно так, что мы просто должны указать ID, и он будет вставлен.

Давайте разберемся на примере. Tilda — популярная система для создания небольших и простых сайтов, лендингов, посадочных страниц. В Tilda это все настраивается через «Настройки сайта» — «Аналитика», прокручиваем вниз до Facebook Pixel и вставляем ID. Всё!

Т. е. пиксель устанавливается на Tilda просто копированием ID. Главное, не забудьте сохранить изменения и после этого опубликовать все страницы сайта, чтобы появился счетчик.

Чтобы проверить, появился ли счетчик и все ли в порядке, можно использовать расширение для браузера Facebook Pixel Helper (официальное расширение Facebook). С его помощью можно смотреть, загружается ли пиксель, отправляются ли события, какие данные передаются и т. д.

События и их настройка

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

События — это различные действия на сайте, которые для нас важны и мы хотим их отслеживать, чтобы и мы, и Facebook понимали, что происходит с пользователями, которые приходят на сайт.

Типы событий:
  • Стандартные события. Рекомендуется их использовать, они более важны.
  • Специально настроенные события. Используют при необходимости, если стандартных не хватает и нужно передавать еще больше данных, чем позволяют передавать стандартные события.

Примеры стандартных событий (часто настраиваемые):

  • Лид (получение заявки с сайта).
  • Завершенная регистрация (например, регистрация на вебинар).
  • Покупка (если человек оставил на сайте не просто заявку, а оформил заказ).
  • Запись (на прием, консультацию).

Примеров очень много, особенно для e-commerce-проектов (просмотр карточки товара, добавление товара в корзину, начало оформления заказа и т. д.).

Не нужно настраивать все события, нужно настроить только те, которые для вас важны.

События для e-commerce-проектов

Для таких проектов необходимо больше всего настраивать.

Есть 3 обязательных события, без которых нельзя:

  • Просмотр контента (карточки товара).
  • Добавление (товара) в корзину.
  • Покупка (товаров).

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

Помимо самих событий, нужно в этих событиях настроить передачу дополнительных свойств через параметры:

  • content_ids — передает IDs товаров (например, при просмотре карточки товара или поиске по каталогу).
  • contents — передает не только IDs товаров, но и количество приобретенного товара (например, при покупке).
  • content_type — тип страницы (‘product’ или ‘product_group’).
  • currency — валюта.
  • value — стоимость.
Настройка событий

Стандартные события могут настраиваться разными способами.

  • При установке пикселя через партнерскую интеграцию события должны быть настроены автоматически.
  • При использовании Google Tag Manager события следует настраивать через него. Нужно там создавать триггеры и прописывать небольшие кусочки кода, это все есть в справке.
  • При установке пикселя напрямую в исходный код события настраиваются так же вручную.
  • Некоторые CMS поддерживают определенные стандартные события. Например, Tilda по умолчанию автоматически отправляет событие «Лид» при успешной отправке любой формы. Если это не нужно, в настройках можно поменять.

Специально настроенные события можно настраивать двумя способами:

  • Правило на основе URL посещенной страницы.
  • Правило на основе параметра события.

Чтобы фильтровать какие-то стандартные события, например, нужно в отдельное событие вынести не все стандартные события, а только те, которые выполняют определенные условия. Настраивается это просто.

Как установить пиксель Facebook на сайт: 3 способа установки и проверка работы пикселя

Пиксель Facebook –инструмент, без которого невозможно обойтись, если вы хотите эффективно привлекать на свой сайт потенциальных клиентов из Facebook или Instagram. В этой статье мы разберем основные вопросы, касающиеся пикселя, и рассмотрим несколько способов его установки.

Читайте так же:
Combo Player - инструкция как скачать, установить, работать

Что такое пиксель Facebook и зачем он нужен?

Пиксель Facebook представляет собой небольшой фрагмент кода JavaScript, который после установки на сайт предоставляет три основные возможности:

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

Полезность пикселя трудно переоценить — без него попросту невозможно эффективно привлекать потенциальных клиентов на сайт при помощи таргетированной рекламы в Facebook или Instagram. Возможности анализа поведения пользователей при помощи пикселя в чем-то уступают другим системам аналитики (например, Google Analytics), но также достаточно обширны и имеют свои уникальные «фишки».

Установить пиксель Facebook на сайт можно разными способами, выбор конкретного из них может зависеть от нескольких факторов: платформа сайта, его размер и т.п. Давайте рассмотрим несколько популярных способов, а также их плюсы и минусы.

Установка пикселя Facebook непосредственно в код страниц сайта

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

Если в вашем рекламном аккаунте еще нет пикселя, у вас откроется окно, в котором нужно нажать кнопку Создать пиксель (Facebook постоянно вносит обновления, поэтому внешний вид окна может отличаться, но суть остается неизменной).

После этого в открывшемся окошке необходимо дать пикселю название и нажать кнопку Продолжить.

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

В открывшемся окне мы увидим поле с базовым кодом пикселя Facebook. Копируем его, вставляем в файл .txt и сохраняем.

После этого мы устанавливаем сохраненный код на все страницы сайта, которые хотим отслеживать. Согласно рекомендации Facebook, код пикселя должен располагаться в разделе заголовка, перед закрывающим тегом </head> .Это обеспечивает высокую точность статистики, потому что коды, установленные в разделе заголовка, загружаются первыми.

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

Способ установки пикселя Facebook непосредственно в код сайта обеспечивает высокую точность статистики и является довольно распространенным, но у него есть потенциальный минус – обилие различных скриптов (счетчиков Яндекс Метрики, Google Analytics и т.д., в том числе пикселя Facebook и его событий) в коде страниц может влиять на скорость их загрузки.

Установка пикселя Facebook при помощи Google Tag Manager

Сначала мы получаем базовый код пикселя в рекламном кабинете, как это описано в предыдущем способе (копируем код пикселя и сохраняем его в .txt файле), после чего переходим в установленный на сайте контейнер Google Tag Manager (GTM) и нажимаем на кнопку Добавить новый тег.

Затем кликаем на поле Конфигурация тега и в отрывшемся окне выбираем тип тега Пользовательский HTML.

В соответствующее поле вставляем базовый код пикселя Facebook из нашего .txt файла.

После этого нам нужно установить триггер активации тега. Прокручиваем страницу ниже, кликаем на поле Триггеры и в открывшемся окне выбираем All pages (Все страницы).

Даем название нашему тегу (например, FB pixel) и нажимаем кнопку Сохранить.

Теперь тег настроен, нам остается только нажать кнопку Отправить и опубликовать контейнер.

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

  • не требует специальных навыков или участия программиста,
  • позволяет устанавливать большое количество различных тегов (кодов) на сайт без значительного влияния на скорость загрузки страниц.

Установка пикселя Facebook при помощи партнерских интеграций

Интерфейс установки пикселя Facebook позволяет добавить его на сайт посредством интеграции с популярными платформами – WordPress, Joomla, Wix и многих других. Для этого на шаге выбора способа установки нужно нажать Добавление кода с помощью партнерских интеграций.

На следующем шаге мы видим список доступных партнеров.

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

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

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

После того, как мы добавили пиксель на сайт тем или иным способом, необходимо удостовериться, что установка прошла корректно и он работает должным образом. Сделать это можно двумя способами: отправкой тестового трафика из интерфейса Facebook и при помощи специального инструмента Pixel Helper (рекомендую использовать их оба).

Как проверить работу пикселя с помощью отправки тестового трафика

Чтобы отправить тестовый трафик, нужно на странице пикселя на вкладке Обзор нажать на кнопку Настроить пиксель.

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

На следующем шаге прокручиваем вниз до пункта 3. Тестировать базовый код, вводим в соответствующее поле URL сайта и нажимаем кнопку Отправить тестовый трафик.

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

Как проверить работу пикселя с помощью Pixel Helper

Самый быстрый, простой и удобный способ проверки работы пикселя Facebook и его событий – использование специального бесплатного расширения для браузера Chrome — Pixel Helper. Установить его можно по этой ссылке.

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

Читайте так же:
Программы для улучшение качества фото

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

На приведенной ниже картинке видно, что Pixel Helper нашел на нашем сайте один пиксель, который успешно зарегистрировал событие PageView (Просмотр страницы).

Если у вас отображается эта информация, поздравляю! Пиксель правильно установлен и работает.

Итак, мы рассмотрели несколько способов установки пикселя Facebook на сайт, а также проверку его работоспособности. На следующем этапе для эффективной работы нужно будет настроить отслеживание событий пикселя, об этом мы в самое ближайшее время подробно расскажем в отдельной статье.

Подпишись и следи за выходом новых статей в нашем монстрограмме

Остались вопросы?

Не нашли ответ на интересующий Вас вопрос? Или не нашли интересующую Вас статью? Задавайте вопросы и темы статей которые Вас интересуют в комментариях.

Создание и установка пикселя Facebook

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

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

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

Прежде чем начать

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

  1. Откройте Events Manager.
  2. Нажмите Подключить источники данныхи выберите Интернет.
  3. Выберите Пиксель Facebook, а затем — Подключить.
  4. Введите название пикселя.
  5. Введите URL сайта, чтобы узнать, возможна ли быстрая настройка.
  6. Нажмите Продолжить.

Добавление пикселя Facebook на сайт

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

  1. Откройте Events Manager.
  2. Выберите нужный пиксель.
  3. Нажмите Продолжить настройку пикселя.
  4. Выберите Пиксель Facebook, а затем — Подключить.
  5. Выберите Установить код вручную.
  6. Скопируйте базовый код пикселя.
  7. Найдите заголовок сайта либо шаблон заголовка в CMS или на веб-платформе.
  8. Вставьте код в конец раздела заголовка, прямо перед закрывающим тегом head.
  9. Нажмите Продолжить.
  10. Включите автоматический расширенный поиск совпадений и проверьте информацию о клиентах, которую хотите отправить (необязательно).
  11. Нажмите Продолжить.
  12. Добавьте события вручную или с помощью инструмента настройки событий.

Подробнее о том, как настроить события пикселя, используя код, см. на сайте Facebook for Developers.

  1. Откройте Events Manager.
  2. Выберите нужный пиксель.
  3. Нажмите Продолжить настройку пикселя.
  4. Нажмите Использовать партнера.
  5. Выберите партнера из списка.
  6. Следуйте инструкциям на экране.

Вы также можете настроить пиксель Facebook, перейдя на страницу с партнерскими интеграциями в Events Manager. Выберите партнера и следуйте инструкциям на экране. Подробнее о преимуществах партнерских интеграций для настройки пикселя.

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

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

  1. Откройте Events Manager.
  2. Выберите нужный пиксель.
  3. Нажмите Продолжить настройку пикселя.
  4. Нажмите Отправить инструкции по электронной почте.
  5. Введите электронный адрес получателя.
  6. Нажмите Отправить в нижней части страницы.

Настройка событий

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

Один пиксель можно использовать для всего сайта, в том числе на нескольких страницах.

Если вы используете пиксель для отправки событий в Facebook, рекомендуем также настроить API Conversions. Этот API взаимодействует с пикселем и помогает таким образом повышать результативность и качество измерений ваших кампаний на Facebook. Подробнее об API Conversions.

Примечание. Apple требует, чтобы все приложения в App Store, которые выполняют "отслеживание" (по определению Apple), показывали пользователям iOS версии 14.5 и более поздних диалоговое окно с запросом разрешения на отслеживание через фреймворк AppTrackingTransparency. Это влияет на процессы получения и обработки событий, регистрируемых такими инструментами для бизнеса, как пиксель Facebook. Если вы выполняете оптимизацию, настраиваете таргетинг или составляете отчеты о веб-событиях с помощью пикселя Facebook или других инструментов Facebook для бизнеса, ознакомьтесь с инструкциями по настройке событий в приложении и подготовке к предстоящим обновлениям. Подробнее.

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

Пиксель Fb — инструмент аналитики в виде кода. Он отслеживает поведение посетителей сайта и записывает их действия — никто не уйдет незамеченным. На основе собранных данных можно настраивать и оптимизировать продвижение в Facebook и Instagram. Пиксель создается в рекламном кабинете Fb, а после добавляется на ваш сайт вручную, либо с помощью сервисов.

Зачем нужен пиксель Facebook?

Код фиксирует шаги потенциальных клиентов на страницах сайта, чтобы их можно было вычислить и собрать релевантную аудиторию. Допустим, Маша сильно захотела новый iPhone 12, зашла на страницу вашего интернет-магазина, выбрала сногсшибательный зеленый цвет, положила его в корзину, но почему-то ушла с сайта, не оформив заказ. И она такая не одна, но пиксель поймал каждого.

Теперь мы можем создать аудиторию из всех Маш, Саш и Даш, забывших товар в корзине, и настроить на них рекламу в Fb. Запускаем креативы, в которых ненавязчиво напоминаем про оставленную корзину, завлекаем скидками и бесплатной доставкой, чтобы вдохновить на завершение заказа.

После установки пикселя статистика начнет отображаться в Events Manager (инструмент для работы с аудиториями и источниками данных, прим. автора). Статистика, которую собирает пиксель, позволяет:

оптимизировать рекламу по целевому действию;

собирать look-a-like аудиторию;

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

Ретаргетинг. Пользователь редко совершает целевое действие при первом переходе на сайт. Часто его приходится догонять ретаргетингом, показывая контент в рекламной сети или соцсетях. Такую аудиторию легче вернуть и довести до конверсии.

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

Look-a-like аудитория. Показываем рекламу тем, кто по каким-то параметрам похож на ваших покупателей. Это могут быть интересы, место проживания, поведение в сети. Пиксель собирает информацию о клиентах, или вы сами добавляете нужную аудиторию. После чего Facebook для показа рекламы будет искать похожих посетителей.

Читайте так же:
Настройка Firefox Sync

Исключать показы. Например, для тех, кто провел на лендинге менее 15 секунд или недавно уже совершил покупку. Это позволит сэкономить бюджет.

В рекламном кабинете Facebook можно создать только один код, но иногда на сайт требуется добавить, например, два. Для этого используйте Business Manager — универсальный инструмент для управления всеми маркетинговыми активностями в Facebook и Instagram. С его помощью можно создавать рекламу и управлять страницами — в нем доступна генерация до десяти пикселей.

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

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

Генерация кода пикселя

В Ads Manager Facebook перейдите в Events Manager.

Идем в Event Manager Facebook для того чтобы сгенерировать пиксель Facebook для нашего сайта

Если вы до этого генерировали пиксели, откроется список доступных, если нет, появится такое окно:

Окно подключения источника данных при генерации пикселя для Facebook

Окно в Events Manager Facebook в котором нужно выбрать как источник данных интернет для получения пикселя Facebook

Поставьте галочку на «Пиксель Facebook».

Отмечаем Пиксель Facebook для того чтобы сгенерировать его в Events Manager

Введите понятное название и URL.

Для генерации пикселя Facebook необходимо указать название пикселя и ваш URL адрес

Можно продолжить и без указания ссылки.

Пиксель сгенерирован, но без внедрения на сайт — бесполезен.

Размещение пикселя на сайте

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

Для установки пикселя Facebook на сайт нужно выбрать способ с помощью которого вы будете размещать пиксель есть 2 варианта, вы сами его поставите или воспользуетесь помощью партнеров Facebook, которые всё сделают за вас

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

Это самый надежный вариант. Кликните «Установить код вручную» → «Копировать код».

Окно установки пикселя Facebook на сайт вручную с помощью помещения пикселя в код сайта

После чего вставьте его в настройках сайта в конце раздела заголовка перед закрывающим тегом таким образом, чтобы не прервать другие теги.

Если у вас лендинг на Тильде, просто перейдите в «Аналитика», выберите Pixel Facebook и добавьте id пикселя. Если требуется добавить несколько пикселей, это нужно делать через код: раздел «Еще» → «HTML-код для вставки внутрь Head» → «Редактировать код».

На WordPress заходите на сервер, в «Файловом менеджере» находите нужный раздел и добавляете код в «header».

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

Также можно включить « Автоматический расширенный поиск совпадений» и собирать больше данных о посетителях, которые они оставляют при взаимодействии с вашим сайтом. Например, имя, адрес почты, номер телефона — пиксель хеширует их и передает на Fb.

Отметка параметров которые может собирать пиксель Facebook о посетителях вашего сайта

С помощью партнера

Facebook предлагает добавить код на сайт через любой из 26 партнерских сервисов.

Партнеры, которые могут помочь с установкой пикселя Facebook на ваш сайт

Среди них один из самых популярных — Tag Manager от Гугла. Для добавления пикселя через Tag Manager нужно установить его на сайт, создать новый тег с добавлением пикселя Fb и добавить на все страницы.

Отправить инструкцию на почту

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

Настройка пикселя Facebook

После установки пикселя необходимо настроить события, так как по умолчанию пиксель собирает статистику только по событию «Просмотр страницы» — PageView. Если события не настроены, то вы их никак не увидите, даже если зайдете в меню «События» — вы сможете увидеть, какую конкретно страницу посетил пользователь только в рамках события PageView.

События — определенные действия, которые совершают посетители сайта. Они позволяют не только анализировать, но и повышать эффективность продвижения, увеличивая количество конверсий. Конверсией может быть покупка или контакты, которые оставил пользователь — система на основе собранных данных будет автоматически искать «теплую» аудиторию, которая с большей вероятностью совершит нужное действие. Есть несколько вариантов настройки стандартных и специальных событий:

через настройку событий в самом Fb;

прописать их в код ресурса;

через Tag Manager.

Выберите любой из перечисленных.

Создание стандартных событий

Перечень доступных событий есть в справке Fb:

Стандартные события, которые предлагает Facebook по умолчанию в рамках настройки пикселя

В ы можете фиксировать покупку, лид, взаимодействие с корзиной и многое другое. Если у вас нет навыков программирования, попробуйте добавить событие через инструмент Facebook. Для этого зайдите в Events Manager, для установленного ранее пикселя кликните на кнопку «Настроить» → «Настроить новые события».

Далее введите адрес лендинга, на котором нужно фиксировать действия и нажмите «Открыть». Вы перейдете на посадочную. Нажмите в открывшемся окошке настройки «+Отслеживать новую кнопку», и Фейсбук покажет все кнопки, к которым можно привязать события. Выберите интересующую кнопку и один из предложенных вариантов названия, нажмите «Подтвердить» → «Finish Setup». Все, настройка завершена. Следуйте указаниям, чтобы проверить корректность настройки события.

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

Вот так выглядит код с добавленным событием:

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

Все стандартные события отслеживаются через команду fbq(‘track’), добавленную на сайт между тегами <body>, когда страница загружается, или когда посетитель выполняет действие, например, нажимает кнопку. После трекинга PageView необходимо добавить трекинг действия, которое нас интересует. В данном случае — добавление товара в корзину, AddToCart. Это можно сделать и в Word, скопировав код пикселя и внося в него все нужные изменения. Можно указать не только название, но и более конкретные параметры, которые указаны в справке, раздел «Свойства объектов». Например, можно зафиксировать не просто совершение покупки, но и задать ее минимальную стоимость.

Специально настроенные события

Такие события используются, если стандартных недостаточно. Вы можете присвоить им свое название. Они фиксируются в коде лендинга с помощью fbq(‘trackCustom’), плюс можно указывать дополнительные параметры. Функция fbq(‘trackCustom’) также, как в случае со стандартными событиями, добавляется в любом месте между открывающими и закрывающими тегами <body>:

Код, который используется при настройке специально настроенных событий в Facebook Пиксель

Статистика по событиям будет отображаться в Events Manager.

Индивидуально настроенные конверсии

Это конверсии, с помощью которых можно устанавливать свои правила для действий и ссылок. В разделе Events Manager «Источники данных» кликните на «Создать» → «Создать специально настроенную конверсию» и следуйте указаниям.

Окно при настройке специально настроенных конверсий в Facebook пиксель

Параметры, которые необходимо указать при настройке специально настроенной конверсии

Благодаря индивидуально настроенным конверсиям можно фиксировать конкретные шаги посетителей. Например, нужно отследить не все взаимодействия пользователей с корзиной, а только те, которые были совершены на странице iPhone 12, как в примере в начале статьи. Тогда настраивается специальная конверсия, где в условии будет прописано событие Add_to_cart при определенном URL.

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

После установки пикселя любым из перечисленных выше способов необходимо проверить, работает ли он. Лучший вариант для браузера Chrome — это установка расширения Pixel Helper. Находим его в интернет-магазине и устанавливаем.

Читайте так же:
Как выйти из Apple ID

Виджет Facebook Pixel Helper для проверки корректности работы пикселя Facebook

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

Пример того, как Facebook Pixel Helper отображает данные по работоспособности пикселя Facebook

Также можно тестировать установленные события в специальном инструменте Facebook «Тестирование событий». Он находится в Events Manager на вкладке «Источники данных».

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

Введите ссылку и нажмите «Открыть сайт». Самостоятельно совершите событие на лендинге и посмотрите, отобразилось ли оно на вкладке «Тестирование событий».

Пиксель позволяет сделать рекламу на Facebook и в Instagram более результативной. Ведь чем больше вы знаете о своей аудитории, тем точнее сможете подобрать релевантную и показывать именно то, что ей интересно.

Пиксель Facebook: полное руководство по установке и настройке

Пиксель Facebook

Пиксель Facebook — это специальный фрагмент JavaScript, который после внедрения в код сайта позволяет анализировать, формировать и оптимизировать целевые аудитории. Также технология даёт возможность отслеживать поведение посетителей и произошедшие события, что помогает в улучшении конверсии и качества пользовательских факторов. Это важнейший функционал для ведения эффективных рекламных кампаний в Facebook. Но чтобы воспользоваться этим полезным инструментом, сначала нужно выяснить то, как правильно установить и настроить пиксель «Фейсбук» на сайт. Ниже будет представлено полное руководство, которое поможет справиться с этими задачами. Мы рассмотрим обновлённую, то есть актуальную на сегодня версию Facebook Pixel.

Основные функции технологии

Пиксель «Фейсбук» используется для достижения следующих задач.

Формирование индивидуальных аудиторий. Для будущего рекламного взаимодействия можно объединить пользователей, которые совершали определённые действия или просматривали конкретные страницы.

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

Отслеживание конверсий. Использование технологии позволяет вести регистрацию важных событий, которые были инициированы именно рекламой в Facebook.

Возможности обновлённого пикселя

Новая версия Facebook Pixel получила следующие улучшения и дополнительные функции.

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

Возможность слияния пикселей. После обновления можно контролировать разные цели одним фрагментом JavaScript.

Функция передачи. Новым пикселем, а именно собранными данными можно поделиться с рекламными агентствами, что бывает необходимо.

Многозадачность. Теперь доступно отслеживание до 9 событий на сайте с помощью одного пикселя.

Стоит больше рассказать об этих новых возможностях технологии.

1. Ускорение скорости загрузки

Если поставить пиксель «Фейсбук» новой версии, то он будет загружаться в 3 раза быстрее своей устаревшей версии. Это может показаться незначительным преимуществом, ведь, по сути, на страницу внедряется изображение с размером 1 х 1 пиксель. Но нужно помнить, что собранная информация сразу передаётся на серверы Facebook. Если отслеживающих элементов будет установлено несколько, как это обычно бывает, то создаётся значительный поток побочного исходящего трафика, а это раньше сильно замедляло загрузку страницы. Новый пиксель загружается и передаёт пакеты данных только один раз за сессию, что считается его важным плюсом.

2. Один пиксель для широкого спектра задач

Новый функционал объединил возможности пикселей индивидуальных аудиторий и конверсий. Это позволяет один pixel использовать для создания, оптимизации и анализа рекламных кампаний.

3. Возможность поделиться

Настройка пикселя Facebook даёт шанс передавать и получать данные от сторонних подрядчиков. Это будет полезно, если, к примеру, статья о компании будет публиковаться на перспективной площадке. В таком случае можно установить на странице размещения собственный пиксель, чтобы получать информацию для последующего ретаргетинга на целевую аудиторию. Передать свой pixel можно с помощью инструментария «Бизнес Менеджер», который доступен в кабинете рекламодателя Facebook.

4. Одновременный мониторинг разных событий и параметров

Устаревшая версия пикселя могла отслеживать только 5 событий. Этого набора не хватало интернет-магазинам и различным лендингам. Новая технология даёт возможность осуществлять мониторинг 9 стандартных параметров. Каждое событие можно индивидуально настроить, опираясь на особенности бизнеса и поведения целевой аудитории. Сегодня можно отслеживать следующие базовые события:

использование внутреннего поиска на сайте;

просмотр определённой страницы;

добавление товара в корзину интернет-магазина;

клик по кнопкам «Интересно» или «Список желаний»;

введение платёжных реквизитов;

начало процесса заказа;

прохождение процедуры регистрации.

Для каждого события доступны следующие параметры;

наименование товара, услуги или страницы;

тип содержимого (товар, скачивание и пр.);

запросы в поиске, с помощью которых посетитель искал необходимую информацию или товар;

статус (сообщает о прогрессе целевого действия).

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

Процесс формирования, установки и тестирования пикселя

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

Весь процесс установки и запуска pixel «Фейсбук» можно разделить на следующие этапы:

Внедрение кода на страницы.

Настройка стандартных событий.

Рассмотрим каждый шаг подробнее.

Как создать Facebook Pixel

Для начала в рекламном кабинете нужно проделать следующий путь: «Менеджер рекламы» — «Инструменты» — «Пиксели». На этой странице следует выполнить такую инструкцию:

Кликнуть по кнопке «Создать пиксель».

Согласиться с условиями лицензионного соглашения, активировав соответствующую галочку.

Теперь в меню «Действия» можно увидеть сформированный код пикселя.

Как установить Facebook Pixel

Чтобы начать пользоваться технологией, сначала нужно скопировать полученный фрагмент кода JavaScript. Теперь его нужно добавить в исходную структуру сайта перед тегом </head>. По умолчанию пиксель будет отслеживать переходы и поведение пользователей на целевой странице. Но после настройки событий можно будет добиваться других необходимых целей.

Как оценить работоспособность Facebook Pixel

Чтобы проверить корректность функционирования пикселя, необходимо установить дополнение для браузера Facebook Pixel Helper, которое показывает текущий статус. Зеленый индикатор и статус «loaded suсcesfully» означают, что внедрение прошло успешно, и необходимая информация правильно собирается, передаётся и обрабатывается. Если пиксель установлен с ошибками, то в окне дополнения появятся красный сигнал и код проблемы. Полный перечень возможных внештатных ситуаций можно найти в справочном разделе рекламного кабинета, однако эта информация доступна только на английском языке.

Как пользоваться пикселем на практике

Выше уже были описаны основные направления использования Facebook Pixel. Для наглядности напомним о них:

формирование индивидуальных аудиторий;

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

Теперь подробнее рассмотрим каждую функцию.

Отслеживание индивидуальных конверсий

После внедрения пикселя появляется возможность создавать и настраивать собственные аудитории. Из технического мануала можно узнать, что базовая часть кода устанавливается сквозным образом, то есть по всему сайту. Но для учёта конверсий необходимо внедрить дополнительный код события на целевые страницы. Поэтому для отслеживания нужно воспользоваться функцией создания индивидуально настроенной конверсии. Это можно сделать, если выполнить следующую инструкцию:

Читайте так же:
Как получить рут права с KingROOT

В меню «Менеджер рекламы» необходимо перейти на страницу «Пиксель Facebook», где нужно кликнуть по «Создать индивидуально настроенную конверсию».

В появившемся окне нажимаем большую зеленую кнопку.

Вписываются URL-страницы отслеживания или релевантное ключевое слово.

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

Вносим информацию о ценности конверсии (для оформления заказа в интернет-магазине можно указать цену продукта).

Важно. К созданию индивидуально настроенных конверсий нужно относиться ответственно. Обновлённый пиксель ограничивает их количество до 40 вариантов. Это более чем достаточно для молодого проекта, поэтому не нужно стараться использовать все предоставленные возможности в максимальном объёме. Нужно обратить внимание, что для фиксации конверсий необходимо подготовить специальные страницы-индикаторы. Если целевым действием является подписка, то событием должен считаться переход на страницу с подтверждением успешного заполнения лид-формы. В случае с интернет-магазинами обычно фиксируют перемещение пользователя на сообщение с благодарностью за совершённую покупку.

Создание индивидуальных аудиторий

Формирование собственных объединений пользователей даёт возможность алгоритмам социальной сети выделять людей, которые уже имели опыт взаимодействия с продвигаемым сайтом. Соответственно, создание индивидуальных аудиторий является важнейшим условием успешного и точного таргетинга. Для их формирования необходимо выполнить следующие действия:

В кабинете Ads Manager нужно перейти в «Аудитории».

Начните создание кликом по соответствующей кнопке.

Выберите опцию «Индивидуализированная аудитории».

В поле «Трафик веб-сайта» выбираем «Индивидуально настроенная комбинация».

Теперь можно использовать стандартные события Facebook Pixel (просмотр страницы, покупка, формирование лида и пр.).

Приведём пример практического использования этой функции. Вы можете создать аудиторию из пользователей, которые заинтересовались предложением, заполнили лид-форму, но не совершили покупки. Для этого в окне настройки нужно включить трафик «Лид», но исключить из него событие «Покупка». В итоге вы исключите из индивидуальной аудитории состоявшихся клиентов, а значит — реклама будет сконцентрирована только на лидах.

Оптимизация кампаний с помощью Facebook Pixel

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

Этап 1. Выбор конверсии

В процессе настройки кампании система предложит выбрать цели продвижения. Ими могут быть «Узнаваемость», «Рассмотрение», «Конверсия». Для каждой группы объявлений необходимо выбрать тип желаемого целевого действия. К примеру, если рекламный трафик должен генерировать продажи, то нужно выбрать цель «Покупка».

Этап 2. Настройка оптимизации кампании

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

В настройках оптимизации рекламы есть важный пункт «Окно конверсии», позволяющий выбрать «1 день» или «7 дней». Эта функция даёт возможность определять целевую аудиторию с учётом времени, которое прошло от момента клика по объявлению до совершения значимого действия. Если вы продаёте товары спонтанного спроса, то лучше выбрать «1 день». Для более серьёзных сделок и вдумчивых клиентов стоит определить максимальный размер окна конверсии.

Что выбрать: «Индивидуализированные конверсии» или «События»

В процессе система предложит остановиться на одной из этих опций. Чтобы сделать правильный выбор, нужно учитывать цели кампании и текущие задачи бизнеса. Рассмотрим типичные примеры.

С помощью рекламы в Facebook продвигается статья из информационного раздела сайта. При этом кампания нацелена на «холодную» аудиторию, то есть на пользователей, которые ещё не знают про компанию и/или её продукты. На странице присутствуют коммерческие предложения в формате боковых блоков или всплывающего окна. В таком случае можно настроить демонстрацию объявлений для события «Покупка». Такая оптимизация поможет контролировать продажи, полученные именно с помощью рекламы в Facebook.

В рекламной кампании участвует статья про поисковое продвижение, в которой присутствуют предложения купить уникальный курс. В таком случае лучше выбрать «Индивидуализированные конверсии» с включением атрибута «Поисковое продвижение». Так ваше объявление увидит больше пользователей, которые потенциально заинтересованы в предложении.

Отслеживание более 40 конверсий в Facebook Pixel

Чтобы контролировать целевые действия сверх определённого ограничения, достаточно расширить базовый код пикселя. Дополнительный фрагмент JavaScript внедряется только на целевые страницы. Эта операция пройдёт успешно, если не забывать, что:

основная часть кода должна загружаться до дополнения;

JS конверсии является неотъемлемой частью базового кода.

Для сайтов, на которых страницы созданы на базе открытого HTML-формата, достаточно дополнить исходный код необходимым параметром. Ниже будут представлены примеры фрагментов JavaScript пикселя для отслеживания разных событий.

Завершённые покупки:

Сегодня многие сайты создаются на WordPress, а этот движок имеет закрытый исходный код, поэтому просто вставить фрагменты JS не получится. Но и для таких проектов есть решение. Для его внедрения нужно выполнить следующую инструкцию:

Установите и активируйте бесплатный плагин Facebook Conversion Pixel — это простое расширение без каких-либо дополнительных настроек.

В плагине предоставлен доступ к окну редактирования страницы. Здесь в большое поле нужно вставить код отслеживания конверсий.

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

К примеру, с помощью Facebook Conversion Pixel можно вставить следующие коды отслеживания:

Завершённые покупки:

Индикаторы Lead и Purchase можно заменить на любые другие из 9 доступных событий, что позволит добиться соответствующего эффекта от отслеживания.

Как изменять валюту и цену при отслеживании конверсий

Точность фиксации определённых событий можно увеличить с помощью добавления дополнительных параметров. Так, можно указать реальную стоимость товара на целевой странице, а также валюту совершения сделки. Чтобы вести учёт в рублях, достаточно изменить стандартный параметр USD на RUB. В результате должен получиться примерно такой код отслеживания конверсий:

Подведём итоги

Теперь вы знаете, как настроить Facebook Pixel, а также как оптимизировать рекламные кампании и формировать индивидуальные целевые аудитории с его помощью. Сегодня социальная сеть «Фейсбук» становится всё более популярной не только в мире, но и в Рунете. При этом площадка предлагает одни из самых технологичных и точных рекламных инструментов на рынке. Поэтому не стоит упускать из внимания очень перспективный канал привлечения клиентов для бизнеса. А успехов в этом деле поможет добиться пиксель Facebook.

Ссылка на основную публикацию