Как установить пиксель Facebook и Instagram — отслеживаем целевые действия

Отслеживание целевых действий пользователей — must have для любого проекта. Данные о действиях пользователя на сайте позволяют понимать эффективность работы рекламных кампаний и контролировать возврат вложенных инвестиций.

В этой статье речь пойдет о пикселе — инструменте аналитики рекламной системы Facebook. Его используют для отслеживания конверсий, оптимизации рекламных кампаний и создания ремаркетинговых аудиторий. Кроме того, пиксель Facebook можно использовать и для ретаргетинга в Instagram.

Что такое пиксель Facebook

Пиксель Facebook — фрагмент кода с уникальным идентификатором аккаунта.

Его можно создать в аккаунте Business Manager в разделе «Измерение и отчетность» — «Пиксели».

После создания пиксель нужно установить на сайт. Существует два способа это сделать.

Отправить инструкции разработчику на email

Самый простой способ. Выбирая его, нужно отправить инструкции по установке пикселя на почту программисту.

Установить код вручную

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

и установить его в шапку сайта перед закрывающим тегом </head>.

Установить пиксель через Google Tag Manager 

Для такой установки нужно создать отдельный тег. Тип тега — «Пользовательский html».

Добавляем в конфигурацию тега скопированный пиксель:

Необходимо также указать триггер активации. Пиксель Facebook cледует размещать на всех страницах сайта, поэтому достаточно выбрать триггер «All pages».

Задаем название нашего тега и сохраняем. Проверяем срабатывание тега в режиме предварительного просмотра и выгружаем изменения.

Для проверки корректности установки пикселя Facebook можно отправить ему тестовый трафик.

В случае правильной установки, вы получите уведомление:

Проверка работы пикселя с помощью Facebook Helper

Есть еще один способ проверки работы пикселя — использовать Facebook Helper. Это расширение для браузера, которое поможет узнать, установлен ли пиксель на сайте, и проверить его на ошибки. Установить расширение для Google Chrome можно по ссылке.

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

Стандартные события пикселя Facebook

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

 9 стандартных событий включают в себя такие действия пользователей:

1. Просмотр материалов (ViewContent).
2. Поиск (Search).
3. Добавление в корзину (AddToCart).
4. Добавление в список желаний (AddtoWishlist).
5. Начало оформления заказа (IntiateCheckout).
6. Добавление платежной информации (AddPaymentInfo).
7. Покупка (Purchase).
8. Лид (Lead).
9. Завершенная регистрация (CompleteRegistration).

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

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

Эти параметры не обязательны во всех случаях, кроме динамической рекламы. О настройке динамического ремаркетинга Facebook читайте в нашей статье.

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

1. Базовый код события «Покупка (Purchase)» без дополнительных параметров.

   В этом случае при срабатывании кода пиксель фиксирует, что произошла покупка.

2. Базовый код события «Покупка (Purchase)» с дополнительными параметрами.В этом случае пиксель передает информацию не только о совершении покупки, но и ценность, id товара.

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

Настройка стандартных событий в коде сайта

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

Базовый код по умолчанию фиксирует только просмотр страницы:

После добавление в него кода стандартного события «Добавление в корзину» — fbq('track', 'AddToCart') пиксель будет выглядеть так:

Его и нужно разместить на странице добавления в корзину.

Итого: на каждой странице сайта должен срабатывать базовый код, а на страницах, которые свидетельствуют о совершении целевого действия пользователем, базовый код и код стандартного события.

Настройка стандартных событий с помощью Google Tag Manager

Стандартные события также можно настроить с помощью Google Tag Manager.

Такой способ удобнее остальных:

• это можно сделать без помощи программиста;
• не нужно проводить изменения в коде самого сайта;
• существует возможность предварительно проверить установку пикселя в режиме предварительного просмотра.

Чтобы настроить стандартное событие с помощью Google Tag Manager, необходимо создать новый тег с типом «Пользовательский html» и добавить в него код события.

Добавим стандартное событие «Покупка». Без дополнительных параметров код в теге будет выглядеть так:

Не забудьте указать триггер срабатывания и сохранить тег. На этом настройка стандартных событий через Google Tag Manager завершена.

Проверить срабатывание настроенных событий можно в Events Manager:

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

Теперь рассмотрим специально настроенные конверсии, с помощью которых можно отслеживать события/действия пользователей по URL-адресу. В одном аккаунте можно настроить не более 100 конверсий. Если вы настроили больше целей, можно удалить ненужные конверсии и создать новые.

Переходим на вкладку «Индивидуально настроенные конверсии» и выбираем «Создать конверсию».

Настраивать конверсии можно на основе URL, либо соединить целевый URL со стандартным событием пикселя. Рассмотрим оба варианта.

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

Чтобы создать специально настроенную конверсию на основании определенных страниц сайта, в настройках конверсии нужно указать часть нужного URL. Например, можно указать адрес страницы «Спасибо за рассылку»:

На этапе создания можно указать ценность конверсии и отнести ее к категории событий.

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

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

К примеру, вот как выглядит настройка пользовательской конверсии «добавление товара с ценностью больше 1000 грн в корзину»: используем стандартное событие, указываем URL и условие для параметра «value». Будьте внимательны: при настройке стандартного события необходимо настроить передачу этого параметра.

Конверсия засчитывается, только если пользователь добавит в корзину товар, стоимость которого больше 1000 грн.

Функционал довольно гибкий, поэтому вариантов пользовательских конверсий множество — все зависит от сайта и целевых действий, которые нужно отслеживать.

Запомнить

Для настройки стандартного события необходимо добавить код на сайт с указанием дополнительных параметров. Специально настроенная конверсия, которая позволяет отслеживать действия пользователей по URL, может быть создана на основе усложненного правила: стандартное событие плюс целевая страница.

Настройка отслеживания кампаний в Facebook и Instagram состоит из нескольких этапов. Необходимо:

1. Сгенерировать в рекламном аккаунте пиксель Facebook.
2. Добавить код на сайт — вручную или через Google Tag Manager.
3. Настроить стандартные события.
4. При необходимости, создать специально настроенные конверсии.