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

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

Ангелина Нехай Ангелина Нехай для раздела Академия

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

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

пиксель фейсбук

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

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

как установить пиксель фейсбук

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

пиксель фейсбук на сайт

события пикселя фейсбук

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

код пикселя фейсбук

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

как настроить пиксель фейсбук

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

пиксель в фейсбук ads manager

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

как установить пиксель фейсбук на сайт

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

поставить пиксель фейсбук

События pixel Facebook

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

добавить пиксель фейсбук

настройка пикселя фейсбук

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

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

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

как удалить пиксель в фейсбук ads manager

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

фейсбук пиксель хелпер

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

как создать пиксель фейсбук

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

как вставить пиксель фейсбука

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

пиксель фейсбук проверить

установка пикселя фейсбук

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

как подключить пиксель фейсбук

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

поставить пиксель фейсбук на сайт

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

как посмотреть пиксель фейсбук

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

фейсбук пиксель хелпер установить

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

стандартные события пиксель фейсбук

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

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

где найти пиксель в фейсбук

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

как работает пиксель фейсбук

как добавить пиксель фейсбук на сайт

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

как вставить пиксель фейсбука на сайт

pixel фейсбук

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

facebook pixel

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

facebook pixel helper

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

facebook pixel code

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

facebook pixel как установить

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

события facebook pixel

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

facebook pixel id

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

facebook pixel events

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

facebook com pixel

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

facebook pixel helper установить

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

установка facebook pixel

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

расширение pixel facebook

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

facebook pixel helper скачать

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

код facebook pixel

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

настройка facebook pixel

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

расширение facebook pixel helper

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

facebook pixel chrome

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

facebook pixel code где размещать

Заключение

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

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

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

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

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

Исследуйте все функции 🌱kvitly в течение 7 дней. Без обязательств и платежных карт.
Давайте пробовать!

App screenshot