В этой статье мы расскажем, как настроить конверсию рекламной компании с помощью стандартных событий FB pixel. Для этого вам потребуется:

Создайте аккаунт, проект и онбординг в Сервисе Onboarding Online. На экране флоу нажмите Web Link

Настройте веб онбординг и нажмите Create

Скопируйте ваш домен - к нему нужно будет подключить Google tag manager (GTM) и FB Pixel.

Этот домен используется для всех онбордингов текущего проекта(те вам достаточно будет настроить подключение один раз для проекта)

Oткройте Google Marketing Platform и нажмите Start for free, чтобы создать аккаунт Google Менеджера тегов. Нажмите Создать аккаунт в открывшемся окне:

2. Введите данные для будущего аккаунта — вставьте ссылку на ваш сайт

и обязательно выберите Веб-сайт в поле Целевая платформа. Затем нажмите Создать аккаунт.

В Google Менеджер тегов (GTM) cкопируйте скрипты Head(1) и Body(2):

Откройте вкладку Project Overview вашего проекта в сервисе Onboarding Online

Найдите раздел Analytics и нажмите +Add Analytics

В появившемся окне в поле Kind выберите тип аналитики Google:

Вставьте скопированные из GTM скрипты в head (1) и body(2) в окне добавления аналитики Onboarding Online :

Нажмите Add Web Analytic

Перейдите в Facebook Business Manager или Meta Business Suite

Нажмите All tools в левой панели Meta Business Suite или Facebook Business Manager

Найдите и нажмите на Events Manager

Нажмите Connect Data Sources

Выберите Web —> Нажмите Connect

Введите название вашего dataset —> нажмите Create

Введите ссылку на ваш домен —> нажмите Next

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

Чтобы настроить конверисю для веб онбордингов сервиса Onboarding Online а достаточно выбрать Meta Pixel only, если вам необходимо настроить Meta pixel and Conversion AP - следуйте по инструкции Facebook.

После создания Pixel нам нужно получить его id.

В Events manager выберите созданный пиксель и перейдите во вкладку Settings.

Найдите Dataset ID и скопируйте его.

Откройте Google tag manager. Во вкладке Tags нажмите New

Нажмите на добавление тега конфигурации, в поиске введите и выберите из списка Facebook pixel (если не покажется в поиске тут - нажмите Discover tag types in the Community Gallery и найдите Facebook pixel )

В поле Facebook pixel id(s) введите Pixel id, который вы скопировали выше на странице Facebook events

Добавьте триггер - в разделе Triggering выберите Initialization:

Нажмите Save

Вы подключили FB pixel онбордингу!

Теперь давайте разберемся, как настроить Стандартные события фесбука для действий пользователей в веб онбрдинге сервиса Onboarding Online, чтобы по ним настраивать конверсию в рекламе (описание стандартных событий тут)

Рассмотрим на примере отправки события Complete registration при нажатии кнопки Next на Первом экране онбординга. Для этого нужно:

1.Откройте веб онбординг в браузере:

В списке онбордингов вашого проекта выберите тот, к которому хотите подключить конверсию. На экране флоу нажмите web link (скопируйте ссылку на флоте, если она была создана ранее, либо нажмите на Create, чтобы создать новую ( как настраивать веб онбординг тут)

Вставьте ссылку в браузер (лучше в chrome) и откройте dev tools

2. Скопируйте CSS selector кнопки

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

Переместите курсор на страницу, наведите нужный элемент и нажмите левой кнопкой мыши. Он будет подсвечен в консоли и на странице.

Нажмите правой кнопкой мыши на выделенный элемент в консоли и выберите Копировать (Copy) >Копировать селектор (Copy selector).

Селектор CSS будет сохранен в буфере обмена.

3. Создайте Триггер в Google tag manager

Открываем Google tag manager . В разделе Triggers нажмите New

Выберите нужный тип триггера - в нашем случае Сlick - All elements (описание типор триггера - тут )

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

Под текстом Активировать триггер при наступлении события и выполнении всех этих условий добавьте фильтр: чтобы триггер срабатывал только для кнопки Далее на первом экране, вам нужно выбрать. Click Element -> Matches CSS selector -> Вставьте selector кнопки далее, которую вы скопировали выше.

Нажмите Сохранить.

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

Откройте Google tag manager. Во вкладке Tags нажмите New

Нажмите на добавление тега конфигурации и в поиске введите и выберите Facebook pixel (если не покажется в поиске тут - нажмите Discover tag types in the Community Gallery и найдите Facebook pixel )

В поле Facebook pixel id(s) введите Pixel id, который вы скопировали выше на странице Facebook events

В Event name выберите из списка стандартное событие Facebook, на которое вы хотите настроить конверсию (мы выберем Complete registration)

Выберите триггер, который вы создали выше, нажмите Save:

Откройте Facebook Events manager -> Найдите ваш Pixel -> Откройте вкладку Test events -> нажмите Confirm that your website's events are set up correctly

Вставьте URL вашего веб онбординга -> нажмите Open Website

На веб онбординге сделайте дествие, на которое повесили триггер и тег ( в нашем примере - нажимаем кнопку Next), Убедитесь что в консоли Facebook присутствует ивент, который мы установили ( в нашем случае - Complete registration)

Отлично! Вы установили стандартное событие. Facebook на вашу воронку, и теперь можете выбирать его в качестве Conversion event в вашей рекламной компании

Таким же образом можно вешать другие стандартные события Fb на другие элементы веб онбординга (просмотр контент, нажатия на кнопки на других экранах и тд)