Содержание:
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

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

Нажмите на кнопку «Создать рекламу» чтобы перейти к настройкам.

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

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

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

Шаг 2. Для примера выберем цель «Трафик» и перейдем к следующему шагу, нажав на кнопку «Продолжить»

Шаг 3. Настраиваем рекламную кампанию. Заполняем следующие поля:

1. Название кампании. Нужно только чтобы различать рекламные кампании внутри личного кабинете Facebook.

2. Особые категории рекламы. Указываем, связана ли ваша реклама с вопросами общественной значимости, выборами или политикой. Если не связана - ничего не указываем и оставляем поле пустым.

3. Цель кампании. В этом поле указана цель, которую мы выбрали в шаге 2. Можно изменить цель, если случайно выбрали неподходящую.

4. Лимит затрат для кампании. Если указать лимит затрат, показ ваших рекламных объявлений будет остановлен, когда вы достигнете лимита затрат.

5. A/B-тестирование. Вы можете протестировать кампании и сравните их друг с другом, чтобы понять, какие стратегии дадут вам наилучший результат. Ваш потенциальный охват будет разделен между тестовыми кампаниями для обеспечения точности результатов.

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

Нажимаем на кнопку «Далее» чтобы перейти к следующему шагу

Шаг 4. Далее, мы переходим к созданию группы объявлений. Для начала, необходимо указать название группы (вы будете видеть это название в отчетах, статистике, советах и уведомлениях).

Далее, пошагово заполните разделы ниже.

Traffic

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

Динамические креативы

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

Предложение

Это скидка, которую вы хотите предоставить своим клиентам на 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 будет ее показывать, чтобы получить необходимый результат. Например, если вы выберете оптимизацию для кликов по ссылке, объявление будут показывать тем, кто с наибольшей вероятностью нажмет на вашу ссылку.

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

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

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

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

Создаем объявление. Указываем текст, заголовок, описание и URL вашей страницы:

Ниже, в разделе «Отслеживание» мы можем указать utm метки для отслеживания статистики. Например, указать utm_sourse=facebook. А также сразу подключить пиксель, если он у вас уже создан. О настройке пикселя речь пойдет ниже (Как создать и установить пиксель?).

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

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

Шаг 1. Переходим в раздел «Event manager» по ссылке или через «Инструменты для бизнеса»:

Нажимаем на кнопку «Подключить источник данных»

Шаг 2. Выбираем источник «Интернет» и нажимаем «Начать»

Выбираем способ подключения «Пиксель Facebook» и нажимаем «Подключить»

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

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

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

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

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

Готово! 😊

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

Есть 2 способа подключить событие - вручную, с помощью кода, или через стандартный функционал Facebook. Рассмотрим оба варианта.

➤Использование инструмента настройки события 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-код в содержимое кнопки.
В кнопку можно добавить некоторые события, которые были перечислены в пунктах выше.

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