Содержание:
1.Рекламная кампания на Facebook
2.Как создать и установить пиксель?
3.Отслеживание событий:
3.1. Событие: поиск
3.2.
Событие: просмотр материалов
3.3.
Событие: добавление в корзину
3.4.
Событие: добавление в список желаний
3.5.
Событие: начало оформления заказа
3.6.
Событие: добавление платежной информации
3.7.
Событие: покупка
3.8.
Событие: лид
3.9.
Событие: завершение регистрации

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


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

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


 

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

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

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


 

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

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


 

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


 

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

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


 

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


 

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

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

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

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


 

Также можно создать индивидуальную аудиторию, например, загрузить её из файла:


 

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

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

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

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

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

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


 

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


 

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


 

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


 

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

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


 

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

Шаг 1. Нажимаем кнопку «Создать пиксель»


 

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


 

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


 


 

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


 

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


 

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

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

Готово!

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

Переходим в настройки Пикселя (в меню Ads Manager выбираем «Пиксели»):

В появившемся окне выбираем «Установка кода события»


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

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

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

3.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>


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

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

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

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

<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.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.4.Событие: добавление в список желаний

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

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

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

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

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

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

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

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

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

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

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

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

<script>

 fbq('track', 'AddPaymentInfo');

</script>

и получаем:

<script type="text/javascript">

 $( '#AddPaymentInfo input' ).click(function() {

   fbq('track', 'AddPaymentInfo');

 });

</script>

В настройках формы нужно указать Якорь «AddPaymentInfo».

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

3.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.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.9.Событие: завершение регистрации

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

4.FAQ

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

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

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

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

Код конверсии для Facebook можно добавить только в форму («Действие после отправки», вставка HTML кода). Для кнопки нужен сторонний специалист, так как туда можно добавить HTML в содержимое, но в случае с данным кодом его нужно править.

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