код пикселя фейсбук где скопировать
Как самому настроить код пикселя в Facebook на сайт [ Пошаговый гайд ]
Что вообще такое пиксель Facebook и для чего он применяется?
Разберем на примере простой воронки.
Предположим у вас есть подписная, на которую вы «льёте» трафик, и с которой при заполнении формы, отправляется письмо «Подтвердите подписку», он кликает в этом письме и попадает на страницу «Спасибо за подписку»:
На Страницу подписки и страницу Спасибо устанавливаем пиксель от Facebook. Пиксель передает в Facebook информацию, кто и какие страницы посетил.
Создание пикселя в Бизнес-менеджере
Или в через бизнес-менеджер в разделе Events Manager / пиксель.
Нажимаем «Добавить новый источник» и из списка выбираем «Пиксель Facebook»:
При нажатии «Пиксель Facebook» выходит окошко, в котором прописываем название пикселя. Для одного аккаунта достаточно одного пикселя, который устанавливается на все страницы. И не важно домены это, или поддомены. Facebook сам определит где находится данный пиксель.
Как установить пиксель на сайт
Зайдите в пиксели через Events Manager и выберите пиксель, который хотите установить на сайт.
После нажатия «Установить пиксель» нажимаем «Самостоятельно установите код пикселя вручную».
Скопируйте код пикселя полностью.
Куда вставлять код пикселя?
Вставляем в HTML код сайта тег «head». Если не разбираетесь и не понимаете куда вставить, обратитесь к программисту, который разрабатывал ваш сайт.
Как установить пиксель от любой соцсети если у вас сайт на WordPress
Загрузите плагин, который называется «Яндекс Метрика» и активируйте его.
Зайдите в меню «Настройки» нажимаем на пункт «Яндекс. Метрика» и появляется настройка плагина.
После перехода из меню в плагин «Яндекс Метрика», появляется пустой блок, в который вставляем нужные
нам пиксели. Здесь же можно установить и нужные нам счетчики.
Настройка пикселя
После установки кода пикселя на сайт, возвращаемся в Бизнес-менеджер (ваш рекламный кабинет). В меню Пикселя нажимаете «Создать конверсию»:
После нажатия «Создать конверсию» в меню пикселя, открывается окошко, в котором вы заполняете графы:
URL, с которого будет собираться информация по пикселю:
Как использовать пиксель при настройке рекламы
После того, как создана Конверсия, можно её использовать в настройке рекламы. Заходим по кнопке «Создать рекламу», далее «Конверсия».
На странице, изображенной на рисунке, можно выбрать нужную вам конверсию. Далее настраиваете рекламу и
пиксель Fb будет отслеживать конверсии, будет понимать какие люди посещают страницы и привлекать подобных людей на страницу.
Важно! Внедряйте практику!
Установите пиксель на сайт даже если сайт не доработан и вы его не продвигаете. Если вы установили пиксель на сайт, можете уже собирать аудиторию и потом создать look-alike (т.е. похожие аудитории), можете просто людям, которые посетили ваш сайт начать показывать рекламу просто выбрав пиксель в рекламном объявлении.
Facebook Pixel
В этой статье пошагово разберем назначение пикселя Facebook (Facebook Pixel), его основные настройки, способы установки на сайт и проверим корректность сбора данных с помощью различных инструментов отладки.
Facebook Pixel (пиксель Facebook, пиксель Фейсбук, пиксель fb, пиксель фб) — это фрагмент кода, который вы устанавливаете себе на сайт. Он позволяет собирать информацию о посетителях сайта (визиты, просмотры страниц, отслеживание событий) с целью ее дальнейшего анализа и оптимизации рекламы, а также отслеживать конверсии и создавать собственные аудитории для рекламных кампаний, в том числе и для ретаргетинга.
По аналогии с Google Analytics (Google Ads) и Яндекс.Метрикой (Яндекс.Директ), пиксель Facebook был создан как инструмент для сбора и анализа данных для таргетированной рекламы (Facebook Ads), чтобы рекламодатель смог получить от нее наибольшую отдачу. А всю накопленную статистику, которую собрал пиксель, рекламодатель может посмотреть в Facebook Analytics.
Моя рекомендация: вне зависимости от того, собираетесь ли вы запускать таргетированную рекламу в Facebook или нет, все равно устанавливайте себе пиксель Facebook на сайт. Информация, собранная в этом инструменте, может пригодится вам в дальнейшем в работе, а также стать дополнительным источником данных к Метрике и Аналитике. Аналогично и с счетчиком Mail.ru (для myTarget).
Пиксель Facebook, как и другие инструменты веб-аналитики, используют файлы cookie, куда включаются данные, сохраняемые браузерами (версия браузера) или устройствами (модель устройства, версия ОС и т.д.), а также идентификаторы, связанные с устройствами, и иное программное обеспечение.
С октября 2018 года в Facebook появилась возможность выбора файлов cookie для использования с пикселем. Как основные (First-Party Cookies), так и сторонние (Third-Party Cookies). Основные принадлежат сайту, который в данный момент просматривает пользователь, а сторонние – другому сайту.
Посмотреть список названий и сайтов некоторых компаний, которые используют файлы cookie в сервисах Facebook (последнее обновление списка от 20.03.2017), можно в официальной справке Facebook.
Настройки cookie Facebook
По умолчанию используются основные и сторонние файлы cookie. Такая настройка позволяет охватить больше клиентов на Facebook, сбор данных и отчетность в рекламном интерфейсе будут точнее. Если вы отключите First-Party Cookies и оставите только сторонние куки, то охват клиентов на Facebook уменьшится, а сбор данных и отчетность будут менее точными.
Раньше было несколько видов пикселей: пиксель конверсии Facebook и пользовательский пиксель аудитории Facebook. Facebook прекратил использование пикселя отслеживания конверсий еще в 2017 году. Сейчас для настройки достаточно использовать один код пикселя, а раньше нужно было использовать несколько разных.
Установка Facebook Pixel на сайт
Далее нажимаем Создать пиксель
Затем указываем название пикселя и домен, на котором он будет установлен.
Название пикселя и домен
После этого нам предложат воспользоваться двумя способами установки пикселя:
Способы настройки пикселя Facebook
Настроим и так и так.
Настройка Facebook Pixel через Google Tag Manager
Нажимаем последовательно кнопку Продолжить, пока не окажемся на шаге авторизации своей учетной записи Google, на которой создан контейнер GTM.
Авторизация под учетной записью Google
Произойдет вход в вашу почту. Если у вас имеется несколько аккаунтов, вас попросят из выпадающего списка выбрать нужный. Аналогично и с контейнером:
Выбор аккаунта и контейнера GTM
После этого Завершите настройку. Вы можете перейти в свой Google Tag Manager и увидеть там новый тег Facebook Pixel ID с уникальным идентификатором, который Facebook создал автоматически.
Автоматически созданный тег Facebook Pixel ID
Причем опубликовывать контейнер с изменениями не нужно. Facebook это тоже автоматически сделал за вас.
Настройка Facebook Pixel вручную
Ручная настройка Facebook Pixel
Facebook Pixel Code для вставки на сайт
Если вы не знаете, где находится head, как работать с кодом страниц, где хранятся сами страницы, на которые нужно этот код установить, рекомендую обратиться за помощью к разработчику. Он решит эту задачу в течение 5 минут. Просто отправьте ему письмо с инструкцией.
Отправка инструкции разработчику электронным письмом
В противном случае (если хотите настроить самостоятельно) используйте способ установки кода через Google Tag Manager, автоматический, как показан в примере ранее, или ручной, создав самостоятельно тег типа Пользовательский HTML с условием активации All Pages, и вставив туда код (см. скриншот выше).
Тестирование кода
Есть два наиболее распространенных способа проверки корректности установки пикселя Facebook:
Тестирование кода с помощью инструмента тестирования на 3 шаге настройки
Вводим в поле свой домен и нажимаем Отправить тестовый трафик
Отправка тестового трафика
После этого произойдет загрузка страницы на отдельной вкладке браузера, а по окончанию проверки (в случае положительного исхода), будет присвоен статус Активен.
Facebook Pixel Активен
Это означает, что ваш пиксель Facebook установлен корректно, и он собирает данные. Если вы его установили неверно, то получите такое уведомление:
Facebook Pixel не установлен
Тестирование кода с помощью расширения браузера Facebook Pixel Helper
Полезное приложение, которое позволяет проверить, правильно ли работает пиксель Facebook.
Facebook Pixel Helper
После этого перейдите на сайт, на котором установлен пиксель. Если на сайте установлен Pixel Facebook, значок в браузере станет синим, а рядом появится число, свидетельствующее о количестве событий, которое сработало на данной странице.
Список пикселей Facebook и событий
По умолчанию – это PageView (Просмотр страницы) и событие Microdata Automatically Detected (Автоматически обнаруженные микроданные). При загрузке страницы Facebook пытается автоматически собрать и отправить к себе данные по разметке Open Graph, чтобы в дальнейшем использовать их для улучшения анализа действий посетителей на вашем сайте.
Facebook еще определяет событие Button Click Automatically Detected (Автоматически обнаруженные клики по кнопкам), которое срабатывает при каждом клике по кнопке, отправляя данные о некоторых параметрах, включая buttonText (текст кнопки).
Button Click Automatically Detected (Клик по кнопке)
С помощью данного расширения можно просматривать настроенные события не только на своем сайте, но и на других (черпать идеи). Подробнее про Facebook Pixel Helper читайте на этой странице.
Помимо этих трех событий, на этапе настройки пикселя Facebook можно Включить автоматический расширенный поиск совпадений.
Автоматический расширенный поиск совпадений
Это функция, которая позволяет в ручном или автоматическом режиме собирать данные о покупателях на вашем сайте (e-mail, телефон, имя, фамилия, город, пол) и передавать эту информацию в захешированном виде в Facebook. Конфиденциальность данных гарантируется.
Чтобы использовать расширенное сопоставление вручную, нужно представить данные о посетителе в формате объекта JSON и включить их в качестве третьего параметра в вызов базовой функции fbq(‘init’) пикселя. Подробнее читайте в официальной справке Facebook.
Для настройки автоматического расширенного поиска совпадений не нужно вносить изменения в код. Просто активируйте соответствующий переключатель в Events Manager (см. скриншот выше), и автоматический расширенный поиск совпадений настроит пиксель на поиск узнаваемых полей формы (например, имени, фамилии, электронного адреса) на вашем сайте. После заполнения этой информации пользователем она автоматически отправится в Facebook (хэшируется в браузере посетителя).
Включить эту настройку можно также на вкладке Обзор в разделе Все источники данных.
Включение функции на вкладке Обзор пикселя
Подробнее о расширенном поиске совпадений для Сети читайте в официальной справке Facebook.
Кроме этого, при первичной настройке пикселя Facebook вы можете начать отслеживать события. По аналогии с событиями Google Analytics и Яндекс.Метрики, события в Facebook позволяют отслеживать любые действия пользователя на вашем сайте или в приложении (клик по кнопке, отправка формы, скроллинг страницы, воспроизведение видео, активация события по таймеру, скачивание файла и т.д.). Это дает нам возможность создавать индивидуально настроенные аудитории, похожие аудитории (look-alike), которые с большей вероятностью также совершают целевые действия, и, разумеется, запускать рекламные кампании с типом «Конверсии», чтобы алгоритмы Facebook самостоятельно искали и показывали рекламу той аудитории, которая с наибольшей вероятностью совершит конверсию.
В FB существует стандартный набор событий, который изначально определен. Они разделены на различные тематики: Автомобили, Электронная и розничная торговля, Образование, Развлечения и СМИ и т.д.
Вот так выглядит список стандартных событий для категории Путешествия:
Список стандартных событий Facebook для категории «Путешествия»
Открыв, например, событие Лид, мы можем задать ему некоторые параметры, которые будут передаваться в Facebook при каждом совершении этого действия. Здесь в качестве параметров событий служат Ценность конверсии и Валюта.
Отправка параметров события
И чтобы лучше погрузиться в тему событий, рекомендую к прочтению два материала справки Facebook:
Резюмируя, кратко можно сказать, что любые события (автоматические или специальные) – это бизнес-цели, которые необходимо настроить, чтобы создавать на основе них аудитории и с их помощью оптимизировать рекламные кампании, создав конверсии.
Для тестирования событий у Facebook есть замечательный инструмент, который так и называется – Тестирование событий. С его помощью можно в режиме реального времени проверить корректность запуска настроенных событий.
Инструмент «Тестирование события»
Аудитории Facebook
Если вы установили пиксель Facebook себе на сайт, то вы можете создавать различные аудитории и использовать их в рекламе. Точно также, как в Яндекс.Директе или Google Рекламе. Чтобы это сделать, перейдите во Все инструменты – Ресурсы – Аудитории.
Все инструменты – Ресурсы – Аудитории
Либо на вкладке Обзор в разделе Все источники данных в правом верхнем углу:
Создать аудиторию Facebook
В Facebook существует 3 типа аудиторий:
Подробнее про аудитории Facebook будет разобрано в отдельной статье.
Специально настроенные конверсии
На этой странице будут отображены все ваши индивидуально настроенные конверсии. Максимальное число специально настроенных конверсий в рекламном аккаунте — 100, но вы можете удалять конверсии, которые больше не нужны, и создавать новые. Специально настроенные конверсии нельзя использовать с динамической рекламой товаров.
Создание конверсии Facebook
Как и в Google Analytics, в Facebook есть события, а есть Конверсии (цели). И для того, чтобы оптимизировать свои рекламные кампании, нужно на основе события создать конверсию (цель-событие). Для этого при создании специально настроенной конверсии выберете нужное событие. Подробнее про конверсии в Facebook будет также разобрано в отдельной статье.
На вкладке Диагностика можно найти и устранить проблемы, из-за которых неправильно настроен пиксель.
Если что-то настроено не так, как должно, или есть возможность улучшить, Facebook даст свои рекомендации.
На вкладке Настройки представлена вся информация по конкретному пикселю.
Это: ID пикселя, владелец, автор, какие рекламные кабинеты и Бизнес-менеджеры (Business Manager) имеют к нему доступы, настройки файлов cookie, активация функции автоматического расширенного поиска совпадений, настройка событий с помощью Event Setup Tool.
К слову, это очень полезный инструмент для тех, кто не разбирается или не может определить, что отслеживать на своем сайте. Активировав настройку, Facebook сам визуально подскажет вам что можно отслеживать. Вам останется лишь соглашаться с его выбором.
В настройках пикселя есть еще одна очень полезная функция, которая называется Разрешение трафика. С ее помощью вы можете внести в черный список некоторые домены, которые отправляют вам данные, которые искажают статистику. Например, мошеннические сайты, которые рассылают реферальный спам (рефспам). Для этого напротив конкретного домена из списка нажмите на Заблокировать.
С помощью пикселя Facebook можно настраивать динамические объявления и показывать рекламу тех товаров, который посетитель сайта просматривал. Как и в контекстной рекламе (динамический ремаркетинг).
Если вы начинаете сотрудничать с рекламным агентством или специалистом по таргетированой рекламе, которому для работы нужны исторические данные, вы можете поделиться пикселем Facebook с другими людьми. Для этого в правом верхнем углу нажмите кнопку Поделиться.
Поделиться пикселем Facebook
Вам откроется раздел Настройки компании, в котором можно добавить конкретных людей для совместного доступа, а также назначить партнеров (компании), выдав разрешения на определенные объекты (рекламные аккаунты).
Поделиться пикселем, выбор доступов
Если вы вдруг по ошибке создали 2 пикселя для одного сайта, удалить его из личного кабинета (общего списка пикселей) будет нельзя. Вы можете только удалить код самого пикселя с сайта, а дубликат пикселя так и останется висеть в источниках данных.
Пиксель Facebook нельзя удалить из личного кабинета
Facebook Analytics — это единственная платформа, созданная на основе данных о более чем 2 млрд человек. Входит в топ-2 самых популярных инструментов аналитики в мире (первый – Google). Это как Яндекс.Метрика и Google Analytics, только для данных, которые собрал пиксель Facebook. Именно поэтому так важно установить его на сайт одновременно с другими счетчиками аналитики, чтобы статистика одновременно собиралась в разных системах.
Подробнее про Facebook Analytics будет разобрано в отдельных материалах.
Понравилась статья? Поставьте оценку 👉
Как установить пиксель Facebook, если сайт создан на Tilda и WordPress
В этом материале специалист по интернет-рекламе Ильхом Чакканбаев подробно рассказывает, как создать пиксель Facebook, что делать, если пиксель создан, но нужно еще, и какие возможности для установки пикселя предусмотрены в Tilda и WordPress.
WordPress и Tilda — это популярные платформы, на которых можно создавать посадочные страницы и сайты, даже если у вас мало опыта. В отличие от многих CMS, у этих систем уже есть готовые решения, которые помогут без дополнительных знаний подготовить сайт к запуску рекламы. В этой статье мы расскажем, как создать пиксель Facebook и установить его на сайтах, работающих на Tilda и WordPress.
Целый месяц рекламы в Facebook Ads без комиссии
Первый раз запускаете рекламу в Facebook и Instagram через eLama? Не возьмем с вас комиссию!
Что такое пиксель Facebook и для чего он нужен
Пиксель Facebook — это фрагмент кода, который устанавливается на вашем сайте и используется системой для отслеживания действий пользователя.
Благодаря пикселю можно:
Чтобы пиксель работал корректно и передавал системе необходимые данные, нужно настроить отслеживание событий (как стандартных, так и специально настроенных). Подробнее о том, как это сделать, эксперты eLama рассказывали на вебинаре.
Добавить пиксель на сайт можно разными способами в зависимости от разных факторов. Часто для таких настроек требуется помощь веб-мастера.
В Tilda и WordPress предусмотрены упрощенные варианты установки пикселя, о которых мы подробно расскажем. Но для начала необходимо создать сам код пикселя.
Как получить код пикселя
Facebook Ads позволяет добавить уже существующий пиксель или создать новый. Расскажем пошагово, как это сделать.
Создать новый код
Откройте Events Manager или выберите в своем аккаунте в Ads Manager соответствующую вкладку.
Затем добавьте новый источник данных — пиксель Facebook.
Дайте ему понятное название.
Facebook Ads предлагает несколько вариантов установки кода на сайт. Выберите добавление кода вручную. Остальные способы предполагают работу со стандартными CMS и, например, не подойдут для Tilda. А отправка инструкций разработчику лишь пришлет код с инструкцией на указанную почту.
Скопируйте появившийся на экране код. Сохраните ID пикселя. Найти его можно в указанных на изображении ниже местах.
Если счетчик уже создан
Расскажем, где найти код пикселя, если счетчик уже создан. Для начала выберите во вкладке Event Manager нужный вам счетчик.
В выпадающем списке настроек выберите «Установить пиксель».
Как и в предыдущем способе, укажите, что добавляете код пикселя на сайт вручную. Затем скопируйте код и сохраните ID счетчика.
Если пиксель уже создан, но нужно еще
Для одного рекламного аккаунта можно создать только один пиксель. Но что делать, если пиксель один, а сайтов больше? Такое может произойти в тех случаях, когда:
Во всех перечисленных ситуациях придерживайтесь следующих правил:
1. Если оба сайта работают в одном типе бизнеса, то лучше создать один счетчик, который будет собирать общую статистику, и отдельные счетчики для каждого поддомена/сайта.
2. Для каждого нового пикселя необходимо создавать новый рекламный аккаунт. А чтобы управлять ими, потребуется бизнес-менеджер Facebook. Подробнее о том, как его настроить, читайте в справке eLama.
После подготовительных работ можно приступать к добавлению пикселя на сайт.
Как установить пиксель на сайт, созданный на Tilda
Стандартный способ — через настройки
В интерфейсе Tilda откройте редактирование сайта и перейдите к настройкам.
Добавьте ID пикселя в соответствующей ячейке во вкладке «Аналитика».
Чтобы изменения вступили в силу, снова опубликуйте все страницы.
Готово — пиксель установлен на ваш сайт.
Второй способ — установка вручную
В этом случае вам пригодится код пикселя, о котором мы писали выше.
Выберите вкладку «Еще» в настройках сайта и нажмите на «Редактировать код» в разделе «HTML-код для вставки внутрь HEAD».
В появившемся окне вставьте скопированный код. Напомним, что он должен быть скопирован целиком.
Сохраните код и не забудьте переопубликовать все страницы, чтобы изменения применились.
Важно: установить пиксель для сайтов на Tilda можно лишь на платных тарифах.
Как установить пиксель на сайт, который создан на WordPress
Через код сайта
Чтобы установить Facebook Pixel через админку WordPress, перейдите во вкладку «Внешний вид» и в выпадающем списке выберите «Редактор тем».
Обновите файл и завершите установку пикселя.
С помощью плагина
Установите официальный плагин пикселя. Он разработан для сайтов, использующих WooCommerce — плагин для электронной коммерции с открытым исходным кодом. С его помощью можно создать и настроить интернет-магазин без глубоких знаний веб-разработки. Расскажем, как его установить.
Выберите в админке сайта вкладку «Плагины» и добавьте новый, в появившейся поисковой строке найдите необходимый плагин. Установите его, а затем активируйте.
Перейдите к настройкам. Запустите плагин во вкладке «Интеграция».
В появившемся окне войдите в свой профиль в Facebook и выберите страницу вашей компании.
Укажите нужный пиксель.
Если у вас уже создан каталог товаров, импортируйте его и завершите настройку.
Теперь пиксель на вашем сайте установлен, а вы можете переходить к запуску рекламы.
Как проверить работу пикселя
После того как пиксель добавлен, необходимо удостовериться, что он корректно передает данные системе. Это можно проверить с помощью расширения Facebook Pixel Helper — это быстро и удобно.
Если настройки корректны, то значок расширения в панели инструментов станет активным, а сама программа поделится информацией об установленных пикселях и событиях.
Если в настройках кода есть ошибка, система покажет вам соответствующее сообщение.
Вместо заключения
Пиксель не сможет передавать системе те данные, которые нужны для оптимизации кампаний, если не настроены события — действия пользователя, которые вы хотите отслеживать.
Tilda автоматически передает следующие события:
Если вы хотите отслеживать другие действия пользователей, дополнительно настройте отправку их событий. Подробнее о стандартных событиях читайте в справке Facebook.
Процесс создания событий для сайтов на WordPress не отличается от их настройки в других CMS. Подробнее об особенностях работы с событиями мы рассказали на вебинаре «Facebook Pixel: настройка и возможности».