×

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

Россия +7 (495) 139-20-33
Шрифт:
0 4905

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

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

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

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

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

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

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

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

Рассмотрим несколько популярных способов установки, их плюсы и минусы.

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

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

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

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

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

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

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

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

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

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

Вставляем в файл .txt

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

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

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

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

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

Добавить новый тег

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

Тип тега Пользовательский HTML

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

Код пикселя Facebook из нашего .txt файла

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

код пикселя Facebook из нашего .txt файла

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

Даем название тегу

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

Нажать кнопку Отправить и опубликовать контейнер

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

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

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

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

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

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

    Список доступных партнеров

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

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

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

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

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

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

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

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

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

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

    Отправить тестовый трафик

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

    Обзор на странице пикселя

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

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

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

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

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

    Pixel Helper

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

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

    Источник: блог Сonvertmonster.ru

    (Голосов: 1, Рейтинг: 5)
    0
    0

    Есть о чем рассказать? Тогда присылайте свои материалы в редакцию.


    Новые 
    Новые
    Лучшие
    Старые
    Сообщество
    Подписаться 
    Подписаться на дискуссию:
    E-mail:
    ОК
    Вы подписаны на комментарии
    Ошибка. Пожалуйста, попробуйте ещё раз.
    Отправить отзыв
    ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
    Алгоритм продвижения сайта через Pinterest
    Виктор Гаврюков
    29
    комментариев
    1
    читатель
    Полный профиль
    Виктор Гаврюков - В самом вверху есть ссылка на мою группу в ВК, там где автор материала. Через группу и свяжитесь со мной_)
    Как забрать 5 мест в выдаче из 10. Кейс-эксперимент
    Виктор Гаврюков
    29
    комментариев
    1
    читатель
    Полный профиль
    Виктор Гаврюков - такое можно делать и с ВЧ_)
    Ссылочный апдейт Google: что изменится для SEO-специалистов в рунете
    Тимур
    6
    комментариев
    0
    читателей
    Полный профиль
    Тимур - Понял, спасибо за информацию.
    Как продвинуть сайт по коммерческим запросам в ТОП-10 с помощью ресурса Reddit
    Denis Zar
    2
    комментария
    0
    читателей
    Полный профиль
    Denis Zar - пользовались услугами по продвижению на реддит от reddit-marketing.pro?
    3 основные ошибки, которые допускают владельцы сайтов при продвижении
    Виктор Гаврюков
    29
    комментариев
    1
    читатель
    Полный профиль
    Виктор Гаврюков - Не обращай внимания_) Если у тебя хороший ресурс, то ты будешь первоисточником, и все кто своровал, автоматически начнут на тебя ссылаться, точнее, так гугл будет считать_)
    Как мы увеличили трафик из Яндекса более чем в 3 раза за неделю на сайте клиники. Кейс
    Андрей
    1
    комментарий
    0
    читателей
    Полный профиль
    Андрей - У большинства сайтов произошел рост в Гугле в декабре и в марте Яндекса. Ваши шаманства тут не причём :)
    Зарабатываем с помощью текстов: как создать уникальный контент и монетизировать сайт
    dotaidi
    94
    комментария
    0
    читателей
    Полный профиль
    dotaidi - Какой-то нейро-физиологический подход к теме создания контента: 1. " ..чтобы контент отвечал интересам аудитории, закрывал ее боли и потербности". Закрыть боль аудитории? Это как понимать, текст что должен выполнять функцию анестезии? Зачем падать в медицинские категории, это ведь профессиональный текст о SEO, а не триллер и не художественная литература, где метафоры уместны. 2. "Главное — чтобы процесс сбора информации вас увлекал и нравился, ведь эта работа требует усилий". Построение тезиса предполагает, что если работа не нравится, то и усилий она не требует. И вообще, упор в работе на главное значение "нравится" — очень спорное и тоже из области НЛП-игрушек. Стилистика статьи тоже желает более продуманного подхода к использованию словосочетаний специфической терминологии: "вы можеет создавать материалы в коллаборации с известными брендами, релевантными тематике вашего сайта". Бренд не может быть релевантным из-за того, что это целый комплекс явлений, собранный под некоторой узнаваемой семантической или графической символикой. Релевантность — качество, свидетельствующее о совпадении запроса(желания) и выдачи (полученной информации). Это нужно хотеть бренд, чтобы он стал релевантным. Аналогия и релевантность не синонимы. "прикладывайте усилия в сбор и обработку информации" и многие подобные обороты делают статью не просто нерелевантной, но просто безграмотной.
    Как доработка структуры вывела сайт в ТОП-10 Google и увеличила трафик в 2 раза. Кейс Связной Трэвел
    Дмитрий
    3
    комментария
    0
    читателей
    Полный профиль
    Дмитрий - Вероятнее всего было обновление Google и позиции были снижены в связи с низкой скоростью загрузки страниц (так как доработке ведутся не только по SEO, но и в целом по функционалу сайта, появляются новые скрипты). В этот период в Google Search Console увеличилось количество страниц с низкой скоростью загрузки. Мы выявили несколько проблем, которые снижают скорость загрузки страниц и выдали рекомендации по их устранению. Пока данные рекомендации находятся в работе. Также был проведен анализ EAT факторов и проверка сайта на соответствие требованиям Google к YMYL сайта, выданы рекомендации по доработке данных факторов (ждем внедрения наших рекомендаций, поделимся потом результатами).
    Рост ботных переходов на сайт: как интерпретировать и что делать
    Mike
    5
    комментариев
    0
    читателей
    Полный профиль
    Mike - как это проверить? что товары выводится именно на основе спроса, а не по заданным алгоритмам?
    Сравнительная статистика уровня жизни SEO-специалистов в семи странах, включая Россию
    Рустам
    1
    комментарий
    0
    читателей
    Полный профиль
    Рустам - Средняя температура по больнице, подсчет даже близко не отображает действительность, особенно учитывая разность цен и уровня зп в разных частях больших стран (США, Канада, Россия)
    ТОП КОММЕНТАТОРОВ
    Комментариев
    910
    Комментариев
    834
    Комментариев
    554
    Комментариев
    540
    Комментариев
    483
    Комментариев
    385
    Комментариев
    373
    Комментариев
    262
    Комментариев
    249
    Комментариев
    171
    Комментариев
    156
    Комментариев
    141
    Комментариев
    121
    Комментариев
    114
    Комментариев
    97
    Комментариев
    97
    Комментариев
    96
    Комментариев
    94
    Комментариев
    80
    Комментариев
    77
    Комментариев
    74
    Комментариев
    67
    Комментариев
    62
    Комментариев
    60
    Комментариев
    59

    Отправьте отзыв!
    Отправьте отзыв!