Содержание:
1.Рекламная кампания на Facebook
2.Как создать и установить пиксель?
3.Отслеживание событий:
3.1. Настройка событий без дополнительного кода

3.2. Ручная настройка событий с добавлением кода
3.2.1. Событие: поиск
3.2.2.
Событие: просмотр материалов
3.2.3.
Событие: добавление в корзину
3.2.4.
Событие: добавление в список желаний
3.2.5.
Событие: начало оформления заказа
3.2.6.
Событие: добавление платежной информации
3.2.7.
Событие: покупка
3.2.8.
Событие: лид
3.2.9.
Событие: завершение регистрации

4.Как установить код пикселя на кнопку? Как использовать код конверсии для Facebook?

1.Рекламная кампания на Facebook

Для того чтобы создать рекламную кампанию на Facebook, открываем свой аккаунт и переходим на вкладку «Создать рекламу»:

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

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

Если корпоративной страницы на Facebook нет, можно показывать рекламу только в блоках справа, использовать одно изображение и рекламную цель «Трафик».

Мы для примера выберем цель «Трафик».

Задаем валюту для будущих расходов по показу объявлений и нажимаем на кнопку «Продолжить»:

Раздел «Трафик» и «Предложение»

Задаем название группы объявлений, выбираем объект (сайт или Messenger), куда мы хотим направить трафик, включаем или выключаем функцию «Предложение»: 

Предложение – это скидка, которую вы хотите предоставить своим клиентам на Facebook. Как правило, это видео или серия изображений с ссылкой.

Раздел «Аудитория»

Теперь мы можем настроить аудиторию, на которую будем таргетироваться – настроить условия показа объявления так, чтобы оно показывалось только тем пользователям Facebook, которые нам интересны как потенциальные клиенты.
Аудиторию можно настроить с помощью заданных параметров, например, пол, возраст, место жительства, язык.

 

Есть возможность создать индивидуально настроенную аудиторию. Например, загрузить её из файла или выбрать «Трафик сайта», то есть внести в аудиторию людей, ранее посещавших целевую страницу.

Данная настройка включает или исключает людей, которые ранее посетили определенные страницы за определенный период (до 180 дней):

Можно задать:

  • URL равняется: сработает, если вы хотите настроить таргетинг только на посетителей конкретной страницы. Вводите нужный URL целиком – полный и точный адрес (например, jaspers.com/newsletter/signup/complete).
  • В URL есть: сюда можно включить названия подпапок нужных страниц. Например, если ваш сайт продает одежду, и вы хотите создать аудиторию из тех, кто ищет вещи на лето, в аудиторию можно включить людей, посетивших URL со словом «summer» (то есть в список войдут такие URL: jaspers.com/clothes/summer/dresses и jaspers.com/clothes/summer/shirts, и не войдут такие: jaspers.com/returns или jaspers.com/clothes/winter/sweaters) где нет слова «summer» в адресе страницы.
  • URL не содержит: работает наоборот, то есть задаем только название подпапки, которая не должна войти в выборку, остальные подпапки будут задействованы в отборе аудитории (например, если ваш сайт продает столы, стулья и комоды, но вы хотите настроить таргетинг только на посетителей страниц со столами и стульями, вы можете создать аудиторию из людей, посетивших те страницы вашего сайта, в URL которых нет слова «drawers» («комоды»). Посетители таких страниц как jaspers.com/drawers/large/oak не войдут в данную аудиторию. А все, кто смотрел остальные страницы (со столами и стульями) – войдут).

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

Раздел «Места размещения»

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

«Автоматические» это:

  • Лента Facebook (на мобильных устройствах и на компьютерах)
  • Правый столбец на Facebook
  • Папка "Входящие" и обмен сообщениями Facebook
  • Лента Instagram
  • Audience Network

«Редактировать плейсменты» позволяет задать ресурс и устройство, например, компьютер или мобильный. Здесь же доступна возможность создать список блокировки (можно загрузить текстовый файл TXT или CSV, содержащий домены сайтов и URL магазинов приложений, которые мы хотим заблокировать в Audience Network).

После настройки бюджета, нажимаем «Продолжить» и переходим далее, к созданию объявления.

Создаем объявление

Вводим название, решаем хотим ли присоединить страницу Facebook или аккаунт в Instagram и определяемся с форматом.
Если используется корпоративная страница, то доступны все форматы объявлений:

Если рекламироваться будет только сайт – страница, созданная в Платформе, тогда доступен только формат «Одно изображение или видео»: 

Создаем объявление. В поле с URL можно ввести адрес с указанием utm-меток для статистики по результатам рекламной кампании:

Далее Facebook предложит функцию отслеживания с помощью пикселя:

О настройке пикселя речь пойдет ниже(Как создать и установить пиксель?).

Нажимаем на кнопку «Подтвердить» внизу, и переходим на страницу оплаты:

Чтобы максимально эффективно работать со всеми посетителями страницы, настраиваем пиксель.

2.Как создать и установить пиксель?

Шаг 1. Переходим в раздел «Event manager» 

Нажимаем кнопку «Начать» напротив варианта «Пиксель Facebook: отслеживание действий на сайте»

Шаг 2. Указываем любое понятное название пикселя и адрес страницы (адрес указывать не обязательно) и нажимаем «Создать».

Шаг 3. После создания пикселя будут предложены варианты установки. Закрываем окно «Установки кода пикселя».

Шаг 4. На экране покажется созданный пиксель, скопируем ID (идентификатор Facebook пиксель).

Шаг 5. В настройках нужной страницы

Переходим во вкладку «Метрика и скрипты» и добавляем новый плагин «Пиксель FB», указываем любое понятное название и вставляем скопированный ранее ID (идентификатор Facebook пиксель) из Шага 4.

Не забываем «Сохранить», и код пикселя добавлен на выбранную страницу.

Готово! 😊

3.Подключаем отслеживание событий

После того, как пиксель добавлен на страницу - переходим в настройки пикселя, через раздел Информация (в меню Ads Manager выбираем пункт «Пиксели»):

В настройках пикселя нажимаем на кнопку «Настроить» и «Настроить новые события»

Появится 2 варианта подключения события. Рассмотрим оба:

➤Использование инструмента настройки кода события Facebook

Нажимаем на первый вариант установки события:

В появившемся окне указываем адрес страницы, на которой хотим настроить событие и нажимаем на кнопку «Открыть сайт»

Откроется ваша страница и панель управления событиями. Нажмите на кнопку «Отслеживать новую кнопку»

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

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

Удалить или редактировать событие можно через панель управления:

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

Важно: в старых формах, событие на кнопку отправки формы работать не будет. Это работает только в новых формах.

Помимо нажатия кнопки, можно также настроить событие на посещение страницы.

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

Чтобы сохранить события и закончить их настройку - нажмите на кнопку «Finish Setup» на панели управления.

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

Запись настройки события от начала до конца (Нажмите на анимацию, чтобы открыть в большем размере):

Важно: чтобы события фиксировались не только от вас, но и от ваших посетителей:

  • Переходим в статистику вашего пикселя
  • Нажимаем на кнопку «Настройки»
  • Включаем функцию «Автоматическое отслеживание событий без кода»

Запись (Нажмите на анимацию, чтобы открыть в большем размере):

Готово! 😊 Теперь нажатие на ваши кнопки или посещение конкретной страницы будет фиксироваться как событие.

➤Установкa кода события вручную

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

Теперь можно скопировать и добавить коды нужных нам событий на сайт.

Разбираемся в каждом событии на примере рекомендуемых кодов:

3.2.1.Событие: поиск

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

3.2.2.Событие: просмотр материалов

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

То есть у нас есть несколько страниц, например:

  • https://domain.ru/ – главная страница, которую рекламируем,
  • https://domain.ru/tovar1 – дополнительная страница, на которой размещен каталог или описание товара,
  • https://domain.ru/tovar2 – ещё одна страница, например, с другим товаром.

Чтобы зафиксировалось это событие, на страницах https://domain.ru/tovar1 и https://domain.ru/tovar2 во вкладке «Метрика и скрипты» добавляем плагин «Пикселя FB», указав любое понятное название и вставляем скопированный ранее ID (идентификатор Facebook пиксель) из Шага 4.

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

<script>  
fbq('track', 'ViewContent', {
   value: 3.50,
   currency: 'USD'
 });
</script>

Такой вариант хорош, когда был выполнен переход на страницу, но страница была сразу закрыта. Если ошибочно открылась не та страница, то код события не сработает.Есть и другой вариант: например, на главной есть кнопки перехода на другие страницы или на другие разделы этой страницы. Тогда можно указать, чтобы событие срабатывало при клике на кнопку.
 Для этого в «Настройках страницы» во вкладке «Метрика и скрипты» в плагин «Произвольный код» поместить другой скрипт в поле «BODY»:
 

<script type="text/javascript">
 $( '.ViewContent' ).click(function() {
   fbq('track', 'ViewContent', {
     value: 3.50,
     currency: 'USD'
   });
 });
</script>

Для кнопок, которые будут отвечать за просмотр материала, следует указать класс. По нажатию сработает код. Например, в коде выше, классом является ViewContent

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

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

Для первой кнопки: 

<script type="text/javascript">
 $( '.ViewContent1' ).click(function() {
   fbq('track', 'ViewContent1', {
     value: 1.50,
     currency: 'USD'
   });
 });
</script>

Класс для первой кнопки – ViewContent1

Для второй кнопки:

<script type="text/javascript">
 $( '.ViewContent2' ).click(function() {
   fbq('track', 'ViewContent2', {
     value: 2.50,
     currency: 'USD'
   });
 });
</script>

Класс для второй кнопки – ViewContent2

Для третьей кнопки: 

<script type="text/javascript">
 $( '.ViewContent3' ).click(function() {
   fbq('track', 'ViewContent3', {
     value: 3.50,
     currency: 'USD'
   });
 });
</script>

Класс для третьей кнопки – ViewContent3

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

В первом случае, где фиксировалось открытие страницы, результат будет таким:

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

 

3.2.3.Событие: добавление в корзину

В окне настройки события Facebook указан такой код:

<script>
 fbq('track', 'AddToCart', {
   value: 3.50,
   currency: 'USD'
 });
</script>

Но нам с вами понадобится немного другой:

<script type="text/javascript">
 $( '.AddToCart' ).click(function() {
   fbq('track', 'AddToCart', {
     value: 3.50,
     currency: 'USD'
   });
 });
</script>

Обратите внимание, что параметр value отвечает за стоимость и должен быть актуальным, а currency за валюту и должен соответствовать реальной валюте.

Для этого в «Настройках страницы» во вкладке «Метрика и скрипты» в плагин «Произвольный код» Добавляем его в поле «BODY», в настройках той кнопки, которая добавляет товар в корзину, указываем класс «AddToCart» (без кавычек).

Результат будет следующим – мы увидим добавление товара с заданной ценой.

 

3.2.4.Событие: добавление в список желаний

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

3.2.5.Событие: начало оформления заказа

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

Facebook предлагает такой код:

<script>
 fbq('track', 'InitiateCheckout');
</script>

Для этого в «Настройках страницы» во вкладке «Метрика и скрипты» в плагин «Произвольный код» нам нужно немного его дополнить и внести в поле «BODY»:

<script type="text/javascript">
 $( '.InitiateCheckout' ).click(function() {
   fbq('track', 'InitiateCheckout');
 });
</script>

А в настройках кнопки, которая откроет окно с формой нужно указать Класс «InitiateCheckout»

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

3.2.6.Событие: добавление платежной информации

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

Дополняем предложенный код Facebook

<script>
 fbq('track', 'AddPaymentInfo');
</script>

и получаем:

<script type="text/javascript">
$( '.AddPaymentInfo button' ).click(function() {
 fbq('track', 'AddPaymentInfo');
});
</script>

В настройках формы нужно указать класс «AddPaymentInfo» (без кавычек).

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

3.2.7.Событие: покупка

Это событие аналогично нажатию кнопки «Отправить заявку». Заявка отобразится в личном кабинете в Платформе.

Есть два способа подключить отслеживание этого события:

1. Можно указать код в настройках формы, выбрав «Сообщение + Вставка HTML кода» и добавить код в поле «Код для вставки»:

<script>
 fbq('track', 'Purchase', {
   value: 247.35,
   currency: 'USD'
 });
</script>

 В этом случае код сработает только после нажатия на кнопку «ОК», которая появляется вместе с сообщением о том, что заявка отправлена.

2. Также можно указать в форме «Перенаправление», а на странице, на которую мы будет перенаправлять, установить пиксель.
 В таком случае данный скрипт размещаем в «Настройках страницы» во вкладке «Метрика и скрипты» в плагин «Произвольный код» в поле «HEAD»:

<script>
 fbq('track', 'Purchase', {
   value: 247.35,
   currency: 'USD'
 });
</script>

3. Можно сделать так, чтобы код срабатывал одновременно с нажатием на кнопку «Отправить заявку»

Для этого в «Настройках страницы» во вкладке «Метрика и скрипты» в плагин «Произвольный код» добавляем такой скрипт в поле «BODY»:

<script type="text/javascript">
 $( '.Purchase' ).submit(function() {
   fbq('track', 'Purchase', {
     value: 247.35,
     currency: 'USD'
   });
 });
</script>

А в настройках формы указываем класс «Purchase» (без кавычек).

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

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

3.2.8.Событие: лид

Это событие стоит применять только для тех форм или страниц, которые не приводят к покупке, а нужны для подписки.

Если это будет отдельная страница, нужно добавить в «Настройках страницы»во вкладке «Метрика и скрипты» в плагин «Произвольный код» в поле «BODY».
 Или мы можем указать код в настройках формы выбрав «Сообщение + Вставка HTML кода»:

<script type="text/javascript">
 $( '.Lead' ).submit(function() {
   fbq('track', 'Lead', {
     value: 10.00,
     currency: 'USD'
   });
 });
</script>

Указав Lead в качестве класса формы:

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

<script>
 fbq('track', 'Lead', {
   value: 10.00,
   currency: 'USD'
 });
</script>

3.2.9.Событие: завершение регистрации

Это событие аналогично событиям «Покупка» и «Лид». Так как мы используем лендинг, то нет необходимости использовать это событие.

4.Как вставить код пикселя на кнопку? Как использовать код конверсии для Facebook?

Подобный скрипт можно разместить только в форме, в разделе «Действие» и выполнение «HTML»

<script>
fbq('track', 'Lead');
</script>

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

Вы нашли ответ?