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

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

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

<p align="center"><p>

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

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

<p align="center"><p>

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

<p align="center"><p>

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

События pixel Facebook

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

<p align="center"><p>

<p align="center"><p>

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

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

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

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

<p align="center"><p>

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

<p align="center"><p>

<p align="center"><p>

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

<p align="center"><p>

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

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

<p align="center"><p>

Заключение

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