Гайд по установке пикселя Facebook на сайт и настройке конверсий

Теперь срм-система AdSaver интегрируется с пикселем Facebook, чтобы отслеживать качество каждого события (конверсии), совершенного пользователем на сайте, если этот пользователь пришел через рекламное объявление на фейсбуке.

По этому поводу мы подготовили очень подробное руководство по созданию и установке такого пикселя на сайт и детально рассказываем, как создать и отслеживать события с помощью пикселя фейсбук. Но в начале несколько слов о том, почему этот пиксель так важен для понимания качества аудитории, и что со всеми этими знаниями можно потом сделать. Автор статьи – Евгений Шутый, специалист PPC Facebook в компании Svitsoft.

Что такое пиксель Facebook и зачем он нужен

Как может быть такой небольшой фрагмент кода java script таким полезным? 

Все просто. Пиксель отслеживает события на сайте и это упрощает анализ трафика. Более простым языком – без пикселя определить эффективность рекламы на фейсбук трудно, данные будут приблизительными. 

Благодаря пикселю Фейсбук можно точно определить, какая реклама приносит больше продаж, какой аудитории интересен ваш продукт, какая рекламная кампания даёт плохой результат, не говоря уже о ремаркетинге и продаже дополнительных товаров пользователям, которые уже купили товар или услугу компании. Без пикселя вы увидите только статистику по количеству кликов, с пикселем горизонты расширяются и появляются такие метрики как «Просмотры целевой страницы» или «Конверсия».

И если говорить совсем просто: без пикселя вы просто сливаете бюджет, потому что клик – это еще не продажа.

Что такое пиксель Фейсбук – немного теории

Пиксель Facebook — это часть кода java script, с помощью которого можно измерять эффективность рекламы и изучать действия людей на вашем сайте.

Пиксель позволяет:

  • Повторно показывать рекламу людям, которые были у вас на сайте. Найдите новых клиентов или людей, которые посетили конкретную страницу или выполнили определенное действие на вашем сайте.
  • Увеличить продажи. При помощи автоматических ставок охватите людей, которые с наибольшей вероятностью выполнят нужное вам действие (например, совершат покупку).
  • Измерить результативность рекламы. Отслеживайте события, которые происходят в результате просмотра вашей рекламы, чтобы лучше понимать, как она влияет на поведение людей.

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

Там вы можете увидеть, какие действия предпринимают ваши потенциальные клиенты. Также у вас будет возможность показывать этой аудитории другие рекламные объявления на Facebook. Из Events Manager данные передаются в ADS Manager (рекламный кабинет). 

Как создать и настроить пиксель фейсбук

Заходим в Business Manager. Переходим на вкладку Events Manager.

Выбираем аккаунт  и кликаем «Добавить новый источник данных» — «Пиксель Facebook»

Заполняем всю необходимую информацию.

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

Как добавить пиксель фейсбук на сайт вручную через Google Tag Manager

В этой статье я покажу несколько варианотов настройки пикселя, первый из них – как добавить его на сайт вручную через Google Tag Manager. Кликаем на второй вариант в открывшейся форме – добавление кода пикселя на сайт вручную. В следующем окне (на изображении ниже) мы видим рекомендации по установке кода на сайт. С этой страницы нужно скопировать код пикселя.

Переходим в Google Tag Manager (GTM) — инструмент для работы с различными кодами на сайте. Мы устанавливаем GTM, а все остальные коды добавляем уже через его интерфейс. При загрузке страницы Google Tag Manager подгружает все остальные скрипты: Google Analytics, Facebook Pixel и другие. Переходим на рабочую область, вкладка Теги, жмем создать.

Вносим название тега (Facebook Pixel) и нажимаем «Конфигурация тега».

Выбираем тип тега. GTM предложит много готовых вариантов, но нам нужен «Пользовательский HTML».

Вставляем наш код Facebook Pixel, который мы получили ранее.

В расширенных настройках выбираем — «Один раз на страницу».

Переходим к триггерам. Выбираем стандартный триггер «All Pages» — «Просмотр страницы». Теперь Facebook-пиксель будет работать на всех страницах сайта и передавать данные в Facebook-кабинет.

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

Ждем пока прогрузится GTM и переходим на свой сайт. Видим окно с конфигурацией тэгов.

В этом окне можно проверить работоспособность кода до публикации на сайте. В окне «Summary» — «Tags Fired On This Page» мы видим наш код — Facebook Pixel (название которое вы вносили ранее). Здесь можно посмотреть и другие тэги на странице. Если вы увидели свой тэг, возвращайтесь в GTM и нажимайте кнопку «Отправить».

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

Поздравляю! Вы добавили пиксель Facebook на сайт.

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

Как добавить пиксель Фейсбук на сайт через партнерскую программу

В этот раз выбираем первый вариант.

Из предлагаемых вариантов выбираем Google Tag Manager.

Жмем продолжить. Дальше нужно залогиниться в google аккаунте, на котором уже настроен GTM, дать все необходимые доступы, выбрать аккаунт и нужный контейнер. Завершаем настройку. Теперь в контейнере GTM размещён и настроен пиксель.

Как настроить события для отслеживания с помощью пикселя фейсбук

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

Перейдите на нужный сайт, кликнув на кнопку.

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

Выбираем за какое событие эта кнопка будет отвечать.

После – нажимаем кнопку «Подтвердить». Для завершения настройки нажмите на Finish setup. 

На этом работа по настройке пикселя завершена. Информация по всем указанным событиям передается в Events Manager.

Небольшой лайфхак: как уменьшить процент отказов и собирать качественные списки ремаркетинга и look-alike аудитории. Для того чтобы информация о пользователях, которые перешли на сайт случайно или покинули сайт в течение нескольких секунд после входа, не фиксировалась пикселем, в код пикселя Фейсбук нужно добавить таймер. 

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

Как настроить и отслеживать конверсии на сайте

Конверсия или событие – это не только добавление товара в корзину или нажатие определенной кнопки, это безграничный список действия пользователя от глубины скрола определенной страницы до оформления покупки.
Чтобы расширить перечень событий и получать статистику по ним, понадобится GTM и Facebook Pixel, которые уже размещены на сайте, ну, и немного энтузиазма.

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

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

Раскрываем подменю «Настроить» и нажимаем «Настроить новые события».

В открывшемся окне выбираем «Добавить код события вручную».

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

Переходим в Google Tag Manager, а именно в рабочую область, вкладка Теги, жмем «Создать».

Вносим название тега (FB_Purchase) и нажимаем «Конфигурация тега».

Выбираем тип тега. GTM предложит много готовых вариантов, но нам нужен «Пользовательский HTML».

Вставляем скопированный элемент кода, который мы получили ранее. 

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

Оставляем открывшуюся страницу благодарности во второй вкладке, переходим обратно к GTM. Сейчас нам необходимо настроить триггер. Нажимаем на Триггер – открывается меню выбора триггеров, но в данном случае нам нужно создать новый. Жмем на «+».

Называем наш триггер (TY_URL) и жмем на «Настройки триггера».

Выбираем «Просмотр страницы».

И вот мы перешли к настройке самого триггера. Выбираем «Некоторые просмотры страниц». Далее выбираем «Page URL» содержит и часть ссылки, отвечающую за страницу благодарности без id (в нашем случае «/?ORDER_ID=»). В вашем случае могут быть другие условия выполнения конверсии, все индивидуально и зависит от настроек сайта.

Жмём «Сохранить» и переходим в режим предварительного просмотра.

Ждем пока прогрузится GTM и переходим на сайт. Видим окно с конфигурацией тэгов.

Делаем тестовый заказ, чтобы проверить работу тега.

Если тег стработал, возвращайтесь к GTM и нажимайте кнопку «Отправить».

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

Конверсии настроены. Чтобы отслеживать конверсии, возвращаемся в Event Manager и заходим в свой пиксель. Сюда будут передаваться все засчитанные события, как на скриншоте ниже. 

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

Интеграция срм-системы AdSaver и Facebook

Теперь при работе в срм-системе AdSaver пикселем Фейсбук в Event Manager передаются не просто конверсии, но и качество этих конверсий. Например, при звонке или после поступления заявки менеджер отмечает обращение как целевое или нецелевое в срм-системе AdSaver, куда попадают все лиды. 

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

Важно! Сегментировать все действия пользователей на целевые и нецелевые можно только при попадании события в срм-систему. То есть это должен быть звонок с сайта, отправка сообщения через форму обратной связи или e-mail. Любой вид обращения, на который может ответить менеджер компании.

Как быстро информация о событии передается в Event Manager

Информация о самом событии зафиксирует пикселем сразу же (с учетом таймера) и передастся в Event Manager. Но мы понимаем, что после поступления заявки менеджер не всегда может обработать её сразу же. Система AdSaver будет каждые 20 минут проверять, не изменился ли статус звонка или заявки, связанных с рекламой Фейсбук, и так в течение 3-х часов с момента поступления звонка. Как-только звонок будет обработан менеджером и статус звонка измениться и в Event Manager. В выходной день время для проверки звонков увеличивается до 24 часов. 

Summary
Гайд по установке пикселя Facebook и настройке конверсий
Article Name
Гайд по установке пикселя Facebook и настройке конверсий
Author
Publisher Name
AdSaver
Publisher Logo
Поделиться:
Что такое IP-телефония и как это работает Запуск продаж в интернете – что анализировать в первую очередь
Не знаешь, как объяснить боссу, зачем нужен коллтрекинг?
Скачай презу!
Презентация отправлена на указанный e-mail. Возникнут вопросы – звоните! Контакты в письме