Пиксель Facebook

Что это за инструмент и почему называется пиксель?

Это такой счетчик бизнес менеджера, который устанавливается на сайт - сам счетчик размером с 1 пиксель на экране и ключевой целью его является собирать базы аудитории, которые совершили определенные действия:

• Посетили страницу каталогов
• Добавили в корзину
• Совершили покупку
• И т.д.

В дальнейшем это поможет нам:

1. Смотреть всю воронку по действиям, которые пользователь совершает от перехода по рекламе и просмотра контента до покупки/заявки/подписки
2. Собирать аудитории для ретаргетинга ( повторного показа рекламных объявлений), как с проставленной ценностью так и без.
3. Оптимизировать рекламную кампанию на покупки и добавления в корзину

Т.е 3 функции:

• Аналитика РК и аудиторий
• Сбор аудиторий
• Оптимизация РК

Как создать пиксель Facebook?

Чтобы создать пиксель откройте Ads Manager, раскройте меню и нажмите на настройки кампании:

Выбираем нужный Бизнес Менеджер (пиксель будет намертво прикреплен именно в этот БМ, поэтому выбирайте кабинет очень внимательно)

Далее - нажимаем источники данных -> Пиксели

Нажимаем в раскрывшемся окне синюю кнопку "Добавить "

иии..

Вот наш созданный пиксель:

URL сайта можем указывать или не указывать, тут без разницы.

Нажимаем продолжить и мы видим вот такое вот окно:

Так что переходим к следующему этапу

Установка Пикселя на сайт

Сейчас рассмотрим подробнее каждый из вариантов

1. Отправить инструкции разработчику ( самая нижняя кнопка). В верхней части экрана просто вводим почту человека, который работает над сайтом нашего клиента или программиста ответственного за сайт заказчика.

И со всеми инструкциями, индификатором и кодом пикселя фейсбук отправит письмо человеку, который будет устанавливать пиксель. От нас требуется только проконтролировать этот момент.

Для этого, кстати, советую установить расширение Facebook Pixel Helper, точно есть в расширениях для Google Chrome

В чем фишка этого расширения? При заходе на сайт вы сразу же видите установлен ли пиксель на этой странице и какие события он фиксирует.

Если все ок, то при нажатии на расширение это будет выглядеть следующим образом. Если будут какие-то проблемы с установкой, то пиксель отобразит это желтым треугольником с восклицательным знаком, нажав на который вы сможете понять в чем проблема установки. ( будьте аккуратны с использованием расширений блокирующих рекламу - иногда они препятствуют работ пикселя)

Установка с помощью партнерских интеграций (Самая верхняя кнопка)

Если у вас магазин или сайт сделан на партнерской платформе типа ECWID, WIX и т.д., то вы можете просто нажать на нужную партнерскую систему и Facebook автоматически сгенерирует нужный плагин для установки пикселя в платформу.

Вам нужно будет просто установить его в систему через установку плагинов

При нажатии на нужную платформу вам также ФБ выдаст подробную инструкцию как и куда тыкать, поэтому останавливаться на этом не будем.

Установка кода пикселя самостоятельно (средняя кнопка)

Нажимаем на соответствующий выбор и что мы видим

Это тот самый код пикселя, который встраивается в сайты. По сути дела он абсолютно одинаковый КРОМЕ параметров ID вашего пикселя.

Этот код нужно установить на ВСЕ страницы сайта!

Также дополнительная фишка в установке пикселя - под первым ID на скрине вы видите строчку fbq( track PageView)

Заменяем этот параметр на

fbq('track', 'PageView', {

referrer: document.referrer

});

После заходим на наш сайт с поисковой системы и через PixelHelper смотрим через какую систему мы зашли на сайт

В последующем понадобится для создания аудиторий, которые зашли с таргета или контекста и для Facebook Analitics.

После того как мы установили базовый код пикселя в сайт, добавляем еще больше событий на отслеживание

Можно использовать инструмент настройки событий ФБ, но мы как настоящие хардкорщики идем в нижнюю часть экрана и нажимаем "Добавить код события вручную"

Здесь мы видим кучу категорий, которые определены фейсбуком - выбираем ту, которое наиболее близкая к нашей тематике/тематике клиента:

Для примера возьмем событие - просмотр контента ( просмотр наиболее важных для нас частей сайт). Например, карточку товара

В ТЗ для программиста пишем- добавить код

<script>

fbq('track', 'ViewContent');

</script>

На все страницы с товарами. ИМЕННО добавить, не удаляя ничего из стандартного кода пикселя.( некоторые программисты заменяют параметр PageView, из-за чего страдает эффективность аналитики)

Теперь возьмём событие "добавление в корзину"

Просим программиста добавить следующий код на кнопку/страницу корзины

<script>

fbq('track', 'AddToCart');

</script>

После, возьмем событие "начало оформления"

Устанавливаем пиксель на страницу начала оформления заказа

<script>

fbq('track', 'InitiateCheckout');

</script>

Важно пронумеровать как можно больше ключевых событий в сайте для аналитики воронки и динамического ретаргетинга. Есть целые подборки того, что ОБЯЗАТЕЛЬНО должно быть на сайте разных ниш. Например интернет-магазин

- ViewContent, AddToCart, Purchase

Это must have, остальное по желанию.

Еще одна фишка по тому, чтобы вы в самом кабинете видели тип продукта, его стоимость при покупке.

Чтобы нам не прописывать каждый параметр вручную для 50-1000 товаров делаем следующее:

Практически у каждого сайта с каталогом продуктов есть переменная - цена обычно под параметром Price, валюта - Val. Но нужно смотреть индивидуально для каждого сайта и спрашивать про это у программиста сайта ( опять же, если у нас партнерская интеграция - эти головняки снимаются автоматически)

Пример того, как мы прописываем динамические параметры для установки кода

Подчеркну, что эту работу должен выполнять программист или платформа. Таргетолог сражаться со всеми этими кодами не должен.
Однако важно понимать что и как работает, чтобы направлять недалёких и давать чёткое задание)

Ваша ключевая задача - создать проверить работу пикселя/событий через Pixel Helper, чтобы каждое событие работало правильно и давало вам верную информацию для оптимизации и аналитики.

Теперь давайте рассмотрим другой инструмент настройки событий от Facebook:

Возвращаемся к этапу до выбора "Добавить код события вручную".

Нажимаем "Использовать инструмент настройки событий ФБ "

Далее, в открывшемся окне вставляем URL нашего сайта, и у нас открывается настройка событий Facebook БЕЗ встраивания кода пикселя.

Напомню, что для этого нужно, чтобы был установлен основной базовый код пикселя.

Например нам нужно отслеживать новую кнопку:

Facebook фиксирует каждое кликабельное окно на сайте и мы можем выбирать что именно хотим отслеживать.

Например я выбрал "Поиск"

Нажимаю подтвердить, завершить установку закрываем диалоговое окно от ФБ - понравился ли нам этот инструмент. Готово! У нас настроено отслеживание именно этой кнопке.

Теперь ФБ нам предлагает протестировать события в окне с пикселем - соглашаемся и проверяем настройку наших событий, просто кликая на нужные кнопки или переходя на нужный URL.

Выглядит это все следующим образом

После убеждаемся, что все работает правильно и закрываем проверку событий - мы молодцы.

Специально настроенные конверсии

По сути дела аналог целей в Яндекс.Метрике. Для настройки достаточно того, чтобы у вас на сайте стоял только базовый код.

Выбираем специально настроенные конверсии

Нажимаем создать конверсию, копируем URL корзины

В нашем случае это выглядит так

После вставляем этот текст в специальное окно и выбираем нужную категорию. Ценность обычно не указываем

Так мы проставляем стандартные события воронки:

• Добавил в корзину
• Начал оформлять заказ
• Заказ оформлен
• Покупка

Для чего это нужно?

• Аналитика.Каждый URL показывает нам сколько людей попало именно на эту страницу с нашей рекламы
• Ретаргетинг или цель реклама с оптимизацией на каждую из конверсий

Как пиксель нам поможет в работе с Instagram?

Например, мы можем установить пиксель и конверсии в приложение Taplink (или аналоги) для расширения ссылок. И также лить на конверсию внутри этого приложения.

Как отслеживать офлайн события?

Представим ситуацию, что человек увидел рекламу в Instagram, после чего пошел в магазин/ресторан/автосервис и купил там продукт или услугу?

Делается это следующим образом - через инструмент "Офлайн-события" в ФБ.

Для использования этого инструмента нам нужно создать источник данных для офлайн-события.

По следующему шаблону продавцу в магазине стоит заполнять следующие данные:

• Email
• Телефон
• Страна в которой произошла покупка
• Тип события ( в нашем случае покупка)
• Время события
• Ценность
• Валюта

Либо подключить платежную систему к API Facebook, если это возможно.

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

После, в самом Ads Manager можем наблюдать сколько пришло офлайн событий с той или иной рекламы.

Как это работает?

ФБ сопоставляет данные из таблицы с пользователями, которые за последние 90 дней видели нашу рекламу и заполнит данные в нашем рекламном кабинете.

Но это довольно сложная схема, т.к. тяжело забрать у покупателей именно те телефоны и Email, которые они используют в инсте и фб.

Поэтому в РФ очень тяжело пользоваться офлайн событиями.

Может быть ваш опыт будет первым удачным :)

P.S. Советую вам прочитать несколько раз данную статью и сразу приступите к практике.