Как установить Facebook Pixel в квиз?

Инструкция по настройке Фейсбук-пикселя

Чтобы настроить Facebook Pixel:

Перейдите на сайт Facebook Business и авторизуйтесь.

В меню аккаунта (слева вверху) выберите раздел Все инструменты  и перейдите в Events Manager, нажмите на кнопку Подключить данные (если вы создаете новый Пиксель):

На сайте Facebook Buisness в меню слева выбираем Все инструменты, далее Events Manager


В открывшемся окне нажимаем кнопку Подключить данные


В появившемся окошке выбираем Интернет и кликаем кнопку Подключить:


В появившемся окневыбираем Интернет и кликаем кнопку Подключить


Прописываем название пикселя и нажимаем Создать пиксель:

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

В появившемся окне нужно указать прямую ссылку на квиз и кликаем кнопку Проверить:

В появившемся окне указываем прямую ссылку на квиз

Далее выбираем Пиксель Facebook и кликаем кнопку Подключить:

Далее выбираем Пиксель Facebook и кликаем кнопку Подключить


Появившееся новое окно можно закрыть.


В левом верхнем углу, рядом с названием Пикселя, копируем ID:
Копируем ID пикселя сверху слева


Переходим в редактор квиза в личном кабинет Marquiz. Заходим во вкладку «Интеграции» => «Facebook Pixel»:

В редакторе квиза переходим в Интеграции. В пункте Аналитика выбираем Facebook Pixel

Вставляем ранее скопированный ID Пикселя в поле:

В открывшемся окне вставляем ранее скопированный ID пикселя. Нажимаем Готово.


Не забудьте опубликовать квиз.


Нажимаем кнопку Опубликовать сверху справа


Переходим во вкладку «Установка квиза» => «Ссылка на квиз» и копируем прямую ссылку на квиз:

Копируем прямую ссылку на квиз в окне Установка квиза в редакторе


Переходим в рекламный кабинет Facebook во вкладку Тестирование событий, вставляем прямую ссылку на квиз в данное поле и кликаем на кнопку Открыть сайт:

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


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

Чтобы не тратить заявки с вашего баланса, вы можете использовать тестовые значения:

а. В поле «email» введите: test@marquiz.ru 

b. В поле "телефон" введите: +79111111111 или в мессенджеры введите: “test” 

с. В поле “имя” можете ввести любое слово Тогда баланс не будет списываться.

ВАЖНО: Если события так и не появились в  рекламном кабинете Facebook это значит, что у вас в браузере присутствуют расширения блокирующие рекламу (например Adblock или подобные). Отключите их.

PS: Рекомендуем использовать расширение для браузера Facebook Pixel Helper. В нем вы также сможете видеть, выполняются ли события.

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


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

Для основных событий - Просмотр контента с параметром content_name, равным идентификатору цели:

• Посетитель открыл квиз: marquiz-start
• Посетитель дошёл до формы контактов: marquiz-form
• Посетитель увидел результат: marquiz-result (данная цель прописывается при условии, что у вас подключены результаты)
• Посетитель прошёл вопрос N: marquiz-stepN (где N - порядковый номер вопроса. Например, marquiz-step2)

Для событий сбора контактов - Лид с параметром content_name, равным идентификатору цели:

• Посетитель увидел страницу "спасибо": marquiz-finish
• Посетитель заполнил форму контактов (1-й шаг): marquiz-contacts1
ВАЖНО: (данная цель прописывается при условии, что у вас два шага сбора контактов)
• Посетитель заполнил форму контактов (2-й шаг): marquiz-contacts2
ВАЖНО: (данная цель прописывается при условии, что у вас два шага сбора контактов)

Рассмотрим пример настройки Специальной конверсии на завершение квиза.

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

Сверху справа нажимаем кнопку Создать и выбираем Создать специально настроенную конверсию


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


Далее даем Название конверсии, настраиваем как указано на скрине ниже - в Мероприятии нужно выбрать Лид, в Правилах выбираем Event Parameters  и нажимаем кнопку Создать :


Указываем название в поле Название. В Мероприятии нужно выбрать Лид, в Правилах выбираем Event Parameters content_name содержит и указываем название отслеживаемой цели. Нажимаем кнопку Создать

 

Затем можете пройти ваш квиз заново. В левом меню кликаем на пункт Специально настроенные конверсии и видим, что событие работает!

Conversions API

Дополнительно можно настроить интеграцию с Conversions API. 
Данная интеграция нужна для отслеживания конверсий, если у посетителя заблокирован пиксель в браузере (например различными расширениями в браузере. Adblock и др.).

Для этого вам необходимо перейти в раздел Настройки и нажать кнопку Сгенерировать маркер доступа (access token).

Перейти в Настройки пикселя и нажать Сгенерировать маркер доступа и копируем его


Копируем содержимое (access token) появившегося поля путем клика на него.

Далее переходим редактор квиза в личном кабинет Marquiz. Заходим во вкладку "Интеграции" => "Facebook Pixel" и вставляем ранее скопированный access token в поле:

В редакторе квиза в настройках интеграции в Access Token вставляем ранее скопированный маркер доступа


PS: Поле TEST EVENT CODE нужно заполнить только тогда, когда проводите тестирование интеграции. После теста, данное поле нужно очистить.


Чтобы протестировать как работает интеграция, переходим в раздел Тестирование событий и копируем наш Test event code

Переходим в Тестирование событий и копируем Test event code


Далее вставляем его в поле TEST EVENT CODE:

В настройках интеграции в поле TEST EVENT CODE вставляем ранее скопированный код


Обязательно нажимает на кнопку Опубликовать, после настройки.

Нажимаем кнопку Опубликовать сверху справа в редакторе квиза


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


После теста ОБЯЗАТЕЛЬНО очистите поле TEST EVENT CODE и Опубликуйте квиз

После проверки очистить поле TEST EVENT CODE

Готово! Facebook Pixel настроен и работает.

*Facebook - продукт компании Meta, которая признана экстремисткой организацией на территории Российской Федерации


👆 На этом пока всё