Как установить пиксель фейсбук на сайт битрикс
Обновлено: 04.07.2024
Установка пикселя Facebook позволяет собирать аудиторию посетителей сайт и фиксировать их действия на сайте для запуска ремаркетинговых кампаний в социальной сети.
Получения кода пикселя Facebook
Для того, чтобы получить код пикселя Facebook потребуется посетить рекламный кабинет (Ads Manager) и кликнуть на «Меню» (слева-сверху), после чего выбрать «Пиксели» (вкладка Events Manager).
На появившейся странице будут указаны все ранее добавленные счетчики, а для создания нового понадобиться кликнуть на «Добавить новый источник».
В выпавшем меню выбираем «Пиксель Facebook».
- Название пикселя;
- URL сайта (не обязательно).
Далее система предложит предпочтительный вариант установки, где нужно выбрать «Настроить вручную».
Теперь нужный нам код получен и потребуется сохранить его.
Ручная установка пикселя Facebook (Способ №1)
Ручная установка подойдет для тех, кто разбирается в структуре файлов своего сайта и обладает базовыми знаниями HTML.
Для установки потребуется внедрить код на все страницы сайта, как можно ближе к началу документа. Как правило, это элементы header (шапка сайта) или footer (подвал).
Для установки на WordPress потребуется зайти в «Внешний вид»-«Редактор» и найти файл head или footer и перед закрывающимся тегом </head> установить счетчик.
Также это можно сделать через FTP или файловый менеджер хостинга. Путь для данных файлов выглядит как «/wp-content/themes/ваша-тема/header.php».
Для установки на Opencart необходимо зайти в файловый менеджер на хостинге или через FTP и изменить файл header.tpl, стандартный путь для файла «/catalog/view/theme/ваша-тема/template/common/header.tpl».
Установка пикселя Фейсбука через Google Tag Manager (Способ №2)
Если на сайте установлен менеджер тегов Google (GTM) , то процесс установки будет значительно проще.
Заходим в аккаунт GTM для нужного сайта и выбираем вкладку «Теги» и нажимаем на кнопку «Создать»
Даем тегу название, например, «fb pixel» и выбираем конфигурацию тега.
Выбираем конфигурацию тега «Пользовательский HTML»
В появившемся редакторе вводим созданный код счетчика.
Теперь выбираем триггер для взаимодействия, который должен быть «All pages», что позволит подгружать счетчик на всех страницах сайта (где установлен Google Tag Manager).
После сохраняем тег.
Завершающий этап публикация новой версии, где также стоит указать, что основным отличием ее от предыдущей является появление тега fb-pixel.
Заполняем название и описание. Например, если Вы также публикуете и тег пикселя ВКонтакте, то можно описать как «fb+vk».
Все готово, счетчик установлен.
Установка Facebook Pixel через плагины и модули для CMS (Способ №3)
Самый простой способ, подразумевающий под собой внедрение дополнительного функционала, позволяющего без знаний кода внедрить сервис данный сервис аналитики.
Для примера устанавливаем сервис Official Facebook Pixel на сайт WordPress. В первую очередь заходит в административную панель сайта и выбираем вкладку «Плагины»->«Добавить новый», а в строке поиска вводим «facebook pixel» и устанавливаем плагин.
Пиксель Facebook – инструмент, без которого невозможно обойтись, если нужно привлечь на свой сайт клиентов из Facebook или Instagram. В этой статье разберем основные вопросы и рассмотрим несколько способов его установки.
Что такое пиксель Facebook и зачем он нужен?
Пиксель Facebook представляет собой небольшой фрагмент кода JavaScript, который после установки на сайт позволяет:
Анализировать поведение посетителей
Можно настроить в пикселе отслеживание определенных действий (событий) на сайте, чтобы лучше понимать, как ведут себя посетители, и в дальнейшем использовать эту информацию для оптимизации маркетинговых кампаний.
Автоматически оптимизировать рекламные кампании
На основании полученных пикселем данных «умный» алгоритм Facebook будет показывать вашу рекламу тем, кто с наибольшей вероятностью совершит нужное вам действие (конверсию).
Создавать пользовательские аудитории
На основе событий пикселя можно создавать специально настроенные аудитории посетителей для ретаргетинга, а также находить других пользователей Facebook, похожих на ваших клиентов.
Полезность пикселя трудно переоценить. Без него невозможно эффективно привлекать потенциальных клиентов на сайт с помощью таргетированной рекламы в Facebook или Instagram.
Установить пиксель Facebook на сайт можно разными способами. Выбор конкретного из них может зависеть от нескольких факторов: платформа сайта, его размер и так далее.
Рассмотрим несколько популярных способов установки, их плюсы и минусы.
Установка пикселя Facebook непосредственно в код страниц сайта
Для начала необходимо получить сам код пикселя. Для этого в верхней панели меню рекламного кабинета Facebook выбираем раздел Пиксели.
Если в вашем рекламном аккаунте еще нет пикселя, у вас откроется окно, в котором нужно нажать кнопку Создать пиксель (Facebook постоянно вносит обновления, поэтому внешний вид окна может отличаться, но суть остается неизменной).
После этого в открывшемся окошке необходимо дать пикселю название и нажать кнопку Продолжить.
На следующем шаге открывается возможность выбора способа установки. Нажимаем Добавление кода пикселя на сайт вручную.
В открывшемся окне мы увидим поле с базовым кодом пикселя Facebook. Копируем его, вставляем в файл .txt и сохраняем.
После этого мы устанавливаем сохраненный код на все страницы сайта, которые хотим отслеживать. Согласно рекомендации Facebook, код пикселя должен располагаться в разделе заголовка, перед закрывающим тегом . Это обеспечивает высокую точность статистики, так как коды, установленные в разделе заголовка, загружаются первыми.
Способ установки пикселя 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 (рекомендую использовать их оба).
Как проверить работу пикселя с помощью отправки тестового трафика
Затем выбираем Добавление кода пикселя на сайт вручную.
Возвращаемся обратно на вкладку Обзор на странице пикселя. Если на ней начнут отображаться просмотры страниц (это может занять какое-то время), значит, данные поступают, и пиксель установлен правильно.
Как проверить работу пикселя с помощью Pixel Helper
Самый быстрый, простой и удобный способ проверки работы пикселя Facebook и его событий – использование специального бесплатного расширения для браузера Chrome – Pixel Helper. Установить его можно по этой ссылке .
После установки расширения в панели инструментов вашего браузера (в правом верхнем углу) появится вот такой значок – . Данный неактивный вид этого значка показывает, что на текущей странице пикселей Facebook не обнаружено.
Перейдите на ваш сайт, и, если при установке пикселя вы все сделали правильно, то значок расширения станет активным и примет вот такой вид – . Если нажать на него, откроется окошко с информацией об установленных пикселях и событиях, которые сработали на странице.
На приведенной ниже картинке видно, что Pixel Helper нашел на нашем сайте один пиксель, который успешно зарегистрировал событие PageView (Просмотр страницы).
Если у вас отображается эта информация, поздравляю! Пиксель правильно установлен и работает.
Итак, мы рассмотрели несколько способов установки пикселя Facebook на сайт, а также проверку его работоспособности. На следующем этапе для эффективной работы нужно будет настроить отслеживание событий пикселя, об этом расскажем в самое ближайшее время в отдельной статье.
Пиксель Facebook –инструмент, без которого невозможно обойтись, если вы хотите эффективно привлекать на свой сайт потенциальных клиентов из Facebook или Instagram. В этой статье мы разберем основные вопросы, касающиеся пикселя, и рассмотрим несколько способов его установки.
Что такое пиксель Facebook и зачем он нужен?
Пиксель Facebook представляет собой небольшой фрагмент кода JavaScript, который после установки на сайт предоставляет три основные возможности:
- Анализ поведения посетителей
Вы можете настроить в пикселе отслеживание определенных действий (событий) на сайте, чтобы лучше понимать, как ведут себя посетители, и в дальнейшем использовать эту информацию для оптимизации маркетинга. - Автоматическая оптимизация рекламных кампаний
На основании полученных пикселем данных «умный» алгоритм Facebook будет показывать вашу рекламу тем, кто с наибольшей вероятностью совершит нужное вам действие (конверсию). - Создание пользовательских аудиторий
На основе событий пикселя можно создавать специально настроенные аудитории посетителей для ретаргетинга, а также находить других пользователей Facebook, похожих на ваших клиентов.
Установить пиксель 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 (рекомендую использовать их оба).
Как проверить работу пикселя с помощью отправки тестового трафика
Затем выбираем Добавление кода пикселя на сайт вручную.
После этого возвращаемся обратно на вкладку Обзор на странице пикселя. Если на ней начнут отображаться просмотры страниц (это может занять какое-то время), значит, данные поступают, и пиксель установлен правильно.
Как проверить работу пикселя с помощью Pixel Helper
На приведенной ниже картинке видно, что Pixel Helper нашел на нашем сайте один пиксель, который успешно зарегистрировал событие PageView (Просмотр страницы).
Если у вас отображается эта информация, поздравляю! Пиксель правильно установлен и работает.
Итак, мы рассмотрели несколько способов установки пикселя Facebook на сайт, а также проверку его работоспособности. На следующем этапе для эффективной работы нужно будет настроить отслеживание событий пикселя, об этом мы в самое ближайшее время подробно расскажем в отдельной статье.
Подпишись и следи за выходом новых статей в нашем монстрограмме
Остались вопросы?
Не нашли ответ на интересующий Вас вопрос? Или не нашли интересующую Вас статью? Задавайте вопросы и темы статей которые Вас интересуют в комментариях.
Пиксель ретаргетинга - инструмент, позволяющий собирать базы аудитории из посетителей Вашего сайта, чтобы в дальнейшем настраивать для этих баз показ рекламы.
В данной инструкции мы расскажем, как получить код пикселя и как разместить его в системе управления.
Как разместить код пикселя Facebook
1) Перейдите к разделу "Пиксели Facebook" в "Ads Manager" - он находится по ссылке.
2) В открывшемся разделе нажмите "Создать пиксель".
3) Введите название Вашего пикселя и нажмите "Создать".
4) Откроется окно установки кода пикселя, выберите в нем пункт "Установить код вручную".
5) Скопируйте предложенный код.
6) Перейдите к разделу "Настройки" - "Шаблоны и файлы" (для этого Вам потребуются расширенные права доступа).
Обратите внимание!
- Если у вас в настройках сайта есть "Блок с тегом head", вы можете разместить код более простым способом. Для этого воспользуйтесь инструкцией по ссылке.
7) В открывшемся списке шаблонов выберите шаблон "Главная.Верх".
8) Обрамите свой код в теги
Иными словами, у Вас должно получиться следующее:
9) Сохраните изменения.
10) Нажмите "Продолжить".
11) Вы попадете в раздел настроек событий. Подробнее о дальнейшей настройке читайте в инструкции Facebook.
Как разместить код пикселя Вконтакте
1) В рекламном кабинете ВКонтакте перейдите в раздел "Ретаргетинг" и нажмите "Создать единый пиксель".
2) Откроется окно создания пикселя, где Вам будет необходимо указать:
- Название пикселя,
- Домен Вашего сайта,
- Тематику сайта.
В конце нажмите "Создать".
3) Откроется окно с кодом пикселя. Скопируйте код.
4) Перейдите к разделу "Настройки" - "Шаблоны и файлы" (для этого Вам потребуются расширенные права доступа).
Обратите внимание!
- Если у вас в настройках сайта есть "Блок с тегом head", вы можете разместить код более простым способом. Для этого воспользуйтесь инструкцией по ссылке.
5) В открывшемся списке шаблонов выберите шаблон "Главная.Верх".
6) Обрамите свой код в теги
Иными словами, у Вас должно получиться следующее:
7) Сохраните изменения.
8) Более подробную информацию по настройке пикселя ретаргетинга Вы можете получить по ссылкам:
Подробно о работе с пикселем Facebook
Bitrix
Bitrix представляет собой CSM или Content management system, т.е. систему для создания управления и редактирования содержимым сайта и самим сайтом.
Для установки пикселя на CMS первым делом необходимо войти в свой аккаунт Facebook Ads и скопировать ID пикселя. На самом деле, это первый шаг установки на любой из рассматриваемых сегодня сервисов.
- После входа непосредственно в панель управления вашим ресурсом откройте меню «Настройки» и выберите пункт «Настройки сайта».
- В появившемся окне вы увидите вкладку «Дополнительно», сместившись незначительно вниз.
- В этой вкладке вам необходим пункт «Размещение пикселя». Определенно точно вы быстро его заметите.
- В открытом окне необходимо поставить «галочку» в чек-боксе «Facebook»
- Далее в появившемся текстовом поле введите идентификатор пикселя, скопированный ранее
- «Сохранить» и опубликовать изменения на сайте
Пиксель уже готов собирать данные о действиях пользователя и работать на вас.
- Перейдя в аккаунт на Wix сразу же направляемся к вкладке «Настройки»
- В «Пункте управления» выбираем «Маркетинг»
- А в появившемся меню находим «Интеграции»
- В отдельно стоящем блоке «Facebook Pixel» выбираем «Подключить», а далее «Добавить пиксель Facebook»;
- Во вновь открывшемся окне вставьте ID пикселя, скопированного в первом пункте
- И нажмите «Применить»
Все внесенные настройки сохранены, а пиксель готов к работе.
Учтите, что пиксель Facebook можно добавлять в сайты, работающие на тарифе Wix Premium и с подключенным своим доменом.
TILDA
Стоит учитывать, что как и в работе с WIX, установка пикселя на сайт с движком Tilda доступна только пользователям платных тарифов. Сама же установка состоит из следующих последовательных шагов:
Если же вы предпочитаете делать все «вручную», то для этого вам понадобиться:
- В меню настроек выбрать пункт «Еще»
- Найти раздел «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD» и перейти в него
- Зайти в «Редактировать код»
- После чего вставить код пикселя
- Сохранить и опубликовать изменения сайта
Работать можно и с тем, и с другим вариантом, каждый выбирает то, что удобно именно ему. Но в обоих способах, на наш взгляд, пиксель устанавливается довольно легко и просто.
WordPress
Для начала взаимодействия с плагином, и установки пикселя с его помощью необходимо
Настройка пикселя Facebook с помощью плагина WordPress завершена, а пиксель готов к работе.
Настройка вручную
- Выбрать вкладку «Подключите действия на сайте с помощью пикселя»
- Перейти во второй блок «Добавление кода пикселя на сайт вручную»
- В появившемся окне «Установка пикселя», выбрав пункт «Установка базового кода на сайте» вы увидите непосредственно сам код пикселя. Нажмите на него один раз, чтобы скопировать в буфер обмена.
- Следующим шагом перейдите в консоль управления вашего сайта на WordPress, после чего в пункте меню «Внешний вид» перейдите в подпункт «Редактор тем»
- Справа найдите «Файлы темы» и определите файл «Заголовок (header.php)»
- После загрузки всего содержимого заголовка в редакторе вам необходимо найти тэг и вставить код пикселя перед ним
- Обновите файл нажав, что очевидно, «Обновить файл»
- В Ads Manager обязательно проверьте работу настроенного пикселя тестовым трафиком
- Нажмите «Продолжить»
Настройка пикселя Facebook на WordPress вручную завершена.
Как вы могли заметить, в настройке и установке пикселя нет совершенно ничего сложного. В особенности если следовать шаг за шагом по четко прописанной последовательности.
Не забывайте подписаться на канал и вступить в чат:
Больше годноты на канале — Довольный Арбитражник
Обсудить и задать вопросы в чате — Арбитраж трафика | Довольный
Так же рекомендуем к прочтению: RevShare или CPA — что выбрать к использованию?
Читайте также: