Разборы

Facebook* и Google Tag Manager: как настроить конверсии и создать аудиторию для рекламы

Реклама в Facebook* своими руками

Я уже рассказывал, как своими силами установить пиксель Facebook* на сайт. В этой статье я покажу, как использовать инструмент на практике: настраивать конверсии, чтобы в будущем создавать гибкие аудитории для рекламы в Facebook*.

Для настройки нам нужен сайт с установленным Facebook*-пикселем и Google Tag Manager (GTM). Google Tag Manager — инструмент для работы с различными кодами на сайте. Мы устанавливаем его, а все остальные коды вносим уже через его интерфейс.

Серия статей
реклама в Facebook* Реклама в Facebook*

Какие бывают конверсии

Конверсии делятся на 2 вида: посещение страниц и события.

Посещение определённых страниц. Например, страница после покупки или оформления заявки — так называемая страница «Спасибо».

пример

Человек зарегистрировался на курс по веб-аналитике на нашем сайте. Если у нас настроена конверсия на посещение определённых страниц, эта информация будет передаваться в Facebook*. Мы собираем аудиторию людей, которые купили курс (попали на страницу «Спасибо»), чтобы в будущем найти их в соцсети и предложить новые курсы, участие в вебинаре или полезные материалы.

Также мы можем комбинировать разные условия. Например, пользователь посетил лендинг курса, но не перешёл на страницу «Спасибо». Это значит, что человек интересовался курсом, но не купил. Мы можем настроить рекламу в Facebook*, которая будет закрывать его на покупку. Как вариант можно показывать короткие видео с предыдущих курсов, давать полезные материалы или приглашать на вебинары.

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

В этой статья я расскажу, как настроить оба вида конверсии. Если вас интересует только один из двух видов, кликайте:

Как настроить конверсию через посещение определённых страниц

  1. Заходим в Ads Manager.
  2. Выбираем «Все инструменты» — «Специально настроенные конверсии».
Специально настроенные конверсии

3. Нажимаем «Создать конверсию».

3. Нажимаем «Создать конверсию».

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

В верхнем поле формы выбираем «Весь трафик для URL». Далее нужно добавить адрес страницы, на которой пользователь уже совершил целевое действие: купил, зарегистрировался или скачал чеклист. Добавить адрес страницы можно через правило: «URL равно „Название страницы“». В нашем случае страницей после покупки будет site.com/thankyou. В выпадающих списках ниже нужно выбрать, что это за страница и какое действие на ней совершил пользователь.

настраиваем адрес
Когда всё будет готово, нажимаем «Создать»

5. Новая конверсия появится в разделе «Специально настроенные конверсии».

Специально настроенные конверсии

Когда посетители сайта будут посещать выбранную страницу, конверсия станет активной. В настройках появится зелёная точка — Facebook* начнёт собирать статистику.

конверсия готова

На основании этой конверсии мы можем создавать аудитории.

Как настроить конверсию через события

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

1. Идем на сайт и находим кнопку «Покупки» или «Регистрации».

2. Наводим мышкой на кнопку — нажимаем правую кнопку и выбираем «Просмотреть код» (Google Chrome).

3. На экране появится код страницы. Нам нужно найти код кнопки, он будет сразу подсвечен. Наводим на код курсор, жмём правую кнопку, выбираем «Copy» — «Copy selector». Полученный код копируем в блокнот.

Копируем код в блокнот

4. Далее идём в GTM. Заходим в раздел «Триггеры» — «Создать». Выбираем тип триггера — «Клик» — «Все элементы».

действия в GTM

5. В форме выбираем условие активации «Некоторые клики». В качестве события для активации добавляем «Click Element» — «Соответствуете селектору CSS» и вставляем код кнопки в следующее окно. Сохраняем триггер.

настраиваем триггер

Теперь GTM видит, когда кто-то нажимает на кнопку на сайте. Осталось передать эту информацию в Facebook*.

Если в выпадающем списке нет Click Element…


…переходим в раздел «Рабочая область» — «Переменные» — «Настроить» и выбираем Click Element в списке.

6. Идём в «Теги» — «Создать». Придумываем название для тега и сразу задаём триггер активации (тот, который мы только что настроили). В окне с конфигурацией тега выбираем «Пользовательский HTML».

Facebook* и Google Tag Manager: как настроить конверсии и создать аудиторию для рекламы 10
создаём новый тег

7. В теге нужно указать пиксель Facebook*. Но перед этим нам нужно слегка изменить код пикселя, чтобы он понимал, что это событие должно произойти на сайте.

Код пикселя можно найти в Ads Manager — «Пиксели» — «Настроить» — «Установить пиксель» — «Самостоятельно установить код пикселя». Копируем код пикселя в блокнот.

ищем код пикселя

8.Теперь мы должны добавить в код пикселя событие, которое происходит при клике на кнопку. В нашем случае это «Отправка заявки». Найти полный список событий и кодов можно в инструкции Facebook*.

таблица Facebook* с кодами
Копируем этот кусочек кода

9.Идём в блокнот, в котором у нас сохранён код пикселя, и добавляем этот маленький кусочек кода сюда:

Так выглядит код пикселя с уже вставленным событием
Так выглядит код пикселя с уже вставленным событием

10. Копируем весь код пикселя, возвращаемся в GTM и вставляем обновлённый пиксель в блок с HTML. В дополнительных настройках выбираем «Один раз на страницу».

вставляем пиксель в форму

11. Проверяем работоспособность нашего тега (как это сделать, рассказывал в статье про установку Facebook*-пикселя). Если коротко, мы должны увидеть, что при нажатии на кнопку (gtm.click) событие отработало на странице (Tags Fired On This Event).

проверяем работоспособность пикселя

Если всё сработало, обязательно публикуем внесённые изменения в GTM через кнопку «Отправить».

12. Теперь GTM передаёт код пикселя с обозначением конверсии в рекламный кабинет Facebook*. Осталось настроить конверсию в самом Facebook*. Возвращаемся в Ads Manager — «Специально настроенные конверсии» — «Создать конверсию».

В форме выбираем событие на сайте, указываем url сайта и называем конверсию. Когда всё будет готово, нажимаем «Создать».

выбираем событие на сайте

13. Через некоторое время статистика по этой конверсии появится в списке. Также можно проверить её самостоятельно. Для этого заходим в Ads Manager — Events Manager, выбираем пиксель, жмём «Проверка событий». Можем даже посмотреть за конверсией в реальном времени — нужно просто заполнить форму и нажать на кнопку, к которой мы привязали событие.

проверяем статистику по конверсии
проверяем конверсию