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

14.03.2018
Александр Михайленко
3 минуты
ppc help, Разработка, Руководства,
222

Что такое пиксель Facebook?

 

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

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

что я здесь делаю

Каждая учетная запись имеет один пиксель по умолчанию для использования. Код состоит из двух основных частей:

  •         базового кода пикселя;
  •         кода события.

Стандартный (или же basic) код пикселя отслеживает весь трафик на ваш сайт.

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

 

Какие типы событий можно отслеживать и как

Поиск. Если у вас на сайте есть поиск по товарам, вы можете поместить код события поиска на страницу результатов поиска на своем сайте. Например, если кто-то ищет ваш товар с фразой  «бла бла бла», вы можете добавить этот термин к коду для этой страницы результатов.

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

Просмотр содержимого. Поместите код события «Просмотр содержимого» на странице сайта, чтобы отслеживать факт посещения данной страницы сайта.

 

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

 

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

 

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

 

Добавить информацию о платеже. Код события «Добавить платеж» запускается, когда кто-то добавляет информацию о платеже. Например факт заполнения кредитной карты, выбор конкретного способа оплаты (онлайн, наличными и т.д), ввод кода подтверждения оплаты.

 

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

 

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

 

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

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

 

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

код события

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

добавить значения в код события

Таким образом, можно получить еще больше детализации и позволить пикселю отслеживать очень конкретные вещи.

 

Установка базового кода пиксель Facebook

 

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

 

Если вы выбрали вариант копирования и вставки кода, вы увидите страницу «Установка базового кода пикселя». Щелкните в поле кода, чтобы скопировать код в буфер обмена. Теперь все, что вам нужно сделать — это вставить его в теги заголовков вашего сайта.

 

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

установка базового пиксель-кода

Установка кодов событий

 

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

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

 

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

установка кода события

Хочется сразу предупредить, что установка кода — дело, которое лучше доверить разработчикам, так как в зависимости от того, какая у вас система, используется ли шаблонизатор для вывода данных или нет, потребуется немного модифицировать коды, которые предоставляет Facebook. Так, например, если у вас используется шаблонизатор типа Smarty, то код необходимо будет заключить в теги {literal}{/literal}, чтобы при чтении страницы не возникло ошибок. А если у вас на сайте нет шаблонизатора вовсе, как например у CMS WordPress, Joomla и прочих, то код можно просто вставить в тег <script>. Надо сказать, что после прочтения данной статьи программисты вашего сайта не должны больше делать вот так

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

Подводя итоги

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

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

 

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

успех

Получить 7 писем о том,
как улучшить свой AdWords аккаунт
+ PPC статьи

Имя
e-mail
Улучшить AdWords

Улучшить свой AdWords

Получите 7 писем, о том, как можно улучшить свой аккаунт в AdWords

Подписаться

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




В версии 2.1.1

  • Добавлена поддержка "Google Keyword Planner"
  • Используйте "LeftALT + S" для поиска слов
  • "Показать/скрыть" теперь полностью скрывает расширение с экрана

Основные комбинации

  • LeftMouseClick для добавления слова, повторное нажатие - для удаления
  • LeftALT + LeftMouseClick - для сбора фраз
  • LeftALT + S - для поиска слов