🌱kvitly | All-in-one AI-powered platform to launch and grow your business

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

Для начала дадим определение. Pixel Facebook — это фрагмент кода для сайта, помогающий измерять результативность продвижения. Работает он по такому же принципу как Яндекс.Метрика и Google Аналитика. Однако пиксель от Facebook имеет более конкретные задачи: создание аудитории ремаркетинга, отслеживание активности пользователей на разных устройствах, оптимизация рекламы по стоимости конверсии и подбор look-a-like аудитории.

![пиксель фейсбук](/blog/content/images/2021/02/kaboompics_White-laptop-with-smartphone-and-headphones.jpg)

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

Для начала необходимо перейти в «Бизнес-менеджер Facebook», найти в меню раздел «Events Manager». Затем нажать на кнопку «Подключить источник данных».

![как установить пиксель фейсбук](/blog/content/images/2021/02/01.png)

Затем в новом модальном окне поставьте галочку, отметив блок «Интернет».

![пиксель фейсбук на сайт](/blog/content/images/2021/02/02.png)

![события пикселя фейсбук](/blog/content/images/2021/02/3-2.png)

Нажмите внизу на кнопку «Начать», а дальше выберите значение «Пиксель Facebook».

![код пикселя фейсбук](/blog/content/images/2021/02/4-2.png)

В новом окне задайте название пикселя и укажите адрес ресурса.

![как настроить пиксель фейсбук](/blog/content/images/2021/02/05.png)

Готово! Теперь пиксель Facebook можно добавить на сайт. Разберем это на примере конструктора сайтов Старонка, перейдите в раздел «Расширения» и напишите в поисковом поле слово «Пиксель». Затем нажмите на кнопку «Добавить».

![пиксель в фейсбук ads manager](/blog/content/images/2021/02/10-1.png)

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

![как установить пиксель фейсбук на сайт](/blog/content/images/2021/02/11-1.png)

Идентификатор указан в панели управления «Бизнес-менеджер Facebook». Скопировать надо только числовую часть.

![поставить пиксель фейсбук](/blog/content/images/2021/02/12-1.png)

События pixel Facebook

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

![добавить пиксель фейсбук](/blog/content/images/2021/02/13-1.png)

![настройка пикселя фейсбук](/blog/content/images/2021/02/14-1.png)

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

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

Для этого зайдите в «Бизнес-менеджер Facebook» и найдите в меню раздел «Events Manager».

![как удалить пиксель в фейсбук ads manager](/blog/content/images/2021/02/15-1.png)

Затем в новом окне перейдите в заранее созданный пиксель, во вкладку «Обзор».

![фейсбук пиксель хелпер](/blog/content/images/2021/02/16-2.png)

Разверните вкладку «Добавить события» и выберите значение «Из пикселя».

![как создать пиксель фейсбук](/blog/content/images/2021/02/17-1.png)

В новом модальном окне нажмите на кнопку «Открыть инструмент настройки событий».

![как вставить пиксель фейсбука](/blog/content/images/2021/02/18-1.png)

Введите в пустое поле адрес вашего сайта.

![пиксель фейсбук проверить](/blog/content/images/2021/02/19-2.png)

![установка пикселя фейсбук](/blog/content/images/2021/02/20-1.png)

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

![как подключить пиксель фейсбук](/blog/content/images/2021/02/21-1.png)

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

![поставить пиксель фейсбук на сайт](/blog/content/images/2021/02/22-1.png)

Затем в окне помощника выберите подходящее событие.

![как посмотреть пиксель фейсбук](/blog/content/images/2021/02/23-1.png)

Нажмите на кнопку «Подтвердить».

![фейсбук пиксель хелпер установить](/blog/content/images/2021/02/24-1.png)

Готово! Поздравляем вы настроили событие для пикселя от Facebook.

![стандартные события пиксель фейсбук](/blog/content/images/2021/02/26-1.png)

Установка событий через Google Tag Manager

Чтобы связать пиксель от Facebook с Google Tag Manager] для начала перейдите на официальный сайт этого сервиса. Затем нажмите на кнопку «Создать аккаунт».

![где найти пиксель в фейсбук](/blog/content/images/2021/02/25-2.png)

Заполните все предложенные поля и нажмите на кнопку «Создать». Далее примите пользовательское соглашение от Google.

![как работает пиксель фейсбук](/blog/content/images/2021/02/026.png)

![как добавить пиксель фейсбук на сайт](/blog/content/images/2021/02/27-2.png)

Выполнив необходимые действия, перед вами появится модальное окно с кодом. Он используется для добавления на сайт. Чтобы интегрировать его в Старонку, перейдите в настройки сайта, раздел «Расширения», во вкладку «Управление сайтом» и найдите там «Гугл диспетчер тегов». Затем нажмите на кнопку «Добавить» и вставьте нужную часть кода в расширение. После этого сохраняем правки и опубликуем сайт.

![как вставить пиксель фейсбука на сайт](/blog/content/images/2021/02/28-1.png)

![pixel фейсбук](/blog/content/images/2021/02/11-2.png)

Теперь надо в разделе «Триггеры» нажать на кнопку «Создать».

![facebook pixel](/blog/content/images/2021/02/12-2.png)

В новом окне пропишите название триггера и нажмите на поле «Настройка триггера».

![facebook pixel helper](/blog/content/images/2021/02/13-2.png)

После этого в правой панели выберите поле «Все элементы».

![facebook pixel code](/blog/content/images/2021/02/14-2.png)

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

![facebook pixel как установить](/blog/content/images/2021/02/15-3.png)

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

![события facebook pixel](/blog/content/images/2021/02/16-3.png)

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

![facebook pixel id](/blog/content/images/2021/02/17-2.png)

Затем, в выпадающем меню выберите значение «Классы элемента» и нажмите на кнопку «Сохранить».

![facebook pixel events](/blog/content/images/2021/02/18-2.png)

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

![facebook com pixel](/blog/content/images/2021/02/19-3.png)

Найдите в коде class выбранной кнопки и скопируйте его.

![facebook pixel helper установить](/blog/content/images/2021/02/20-2.png)

Вернитесь в Google Tag Manager и вставьте скопированный код. Код надо ставить без кавычек в формате: «btn btn-primary btn-lg», сохраните все изменения.

![установка facebook pixel](/blog/content/images/2021/02/21-2.png)

Осталось совсем немного! На этом этапе перейдите в раздел «Теги» и нажмите на кнопку «Создать».

![расширение pixel facebook](/blog/content/images/2021/02/22-2.png)

Пропишите название тега и нажмите на поле «Триггеры».

![facebook pixel helper скачать](/blog/content/images/2021/02/23-2.png)

Затем выберите из списка триггер, который был заранее создан.

![код facebook pixel](/blog/content/images/2021/02/24-2.png)

После этого нажмите на поле «Конфигурация тега».

![настройка facebook pixel](/blog/content/images/2021/02/25-3.png)

В открывшейся панели справа найдите значение «Пользовательский HTML».

![расширение facebook pixel helper](/blog/content/images/2021/02/26-2.png)

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

![facebook pixel chrome](/blog/content/images/2021/02/27-3.png)

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

![facebook pixel code где размещать](/blog/content/images/2021/02/28-2.png)

Заключение

На первый взгляд, настройка событий через пиксель Facebook может показаться намного проще, чем настройка событий в Google Tag Manager. Однако у нее есть свои минусы. Facebook будет учитывать все нажатия на кнопку, даже есть пользователь не заполнил форму. К примеру, если он ее открыл и ошибочно кликнул не в то место. А вот при использовании Google Tag Manager таких проблем не возникнет. Его легко настроить на более конкретные действия и события на сайте. Попробуйте оба варианта и выбирайте для себя подходящий!

Настройка ретаргетинга: как работать с пикселем Facebook

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

События pixel Facebook

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

Установка событий через Google Tag Manager

Заключение

Ангелина Нехай

Готовы начать?