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

В этой статье есть ответы на множество вопросов связанных с gtm (Google tag Manager) и настройкой индивидуализированной конверсии в Facebook, а именно:

Как создать триггер в тег менеджере?

Как выбрать условия для триггера?

Как настроить по клику по кнопке, по спасибо странице, по отправке формы?

Как настроить тег с html кодом конверсии?

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

Как проверить работоспособность пикселя и настроенной конверсии через Facebook pixel helper или через тестирование событий в Events Manager в Facebook?

Начнем! Есть несколько вариантов, как можно выполнить код конверсии после регистрации (заявки, лида, заполнения формы и т.д.).

1. По спасибо странице
2. По отправке формы
3. По клику по кнопке для отправки формы

В разных ситуациях правильно будет использовать разный способ, если есть спасибо страница - то лучше всего подойдет 1 вариант, если нет, то 2, если регистрация внутри чат бота, то работать будет только 3 вариант.

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

1. Создать триггер (условия при котором должен выполниться код конверсии)
2. Создать тег (код, который выполниться при срабатывании триггера (условия)
3. Создать индивидуализированную конверсию в фейсбуке

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

Как настроить триггер по просмотру страницы (по ссылке спасибо страницы):

1. Заходим в контейнер, в меню слева выбираем "Триггеры" -> жмем создать -> вводим имя триггера (1), лучше всего по названию активности (например, "спс страница вебинара Личные финансы 25.08") -> жмем по блоку "Настройка триггера (2) -> выбираем тип триггера "Просмотры страницы" (3). На скришоте видна последовательность.

2. Как на скриншоте ниже, выбираем "Некоторые просмотры страниц" (1) и ниже в списке выбираем "Page URL", далее из списка (3) можно выбрать в зависимости от задачи разные варианты:

• Содержит. Это значит, что наш триггер сработает, если во всём адресе будет содержаться хоть где нибудь текст, который мы введем в следующее поле. Например, содержит "thanks.html", значит, что на всех спасибо страницах в адресе встретится "thanks.html" будет срабатывать триггер, даже на такой странице "sait.com/thanks.html?id=12&sad=2s". Нужно быть внимательным, если у нас спасибо страница геткурса, можно запрашивать дополнительные данные и переадресовывать несколько раз на одну страницу, но с разными хвостами с параметрами, тогда наш код из тега будет выполняться по несколько раз.
• Равно. Это условие означает, что триггер сработает только при полном совпадении с тем, что мы введем в следующее поле. Например, если мы введем "sait.com/page.php", то только при точном совпадении сработает триггер, если в адресе будет "www.sait.com/page.php" триггер не сработает
• Заканчивается на. Данное условия выполнится, если url адрес заканчивается именно так, как мы напишем в следующее поле. Удобно использовать, если возможны различные вариации начала адреса, с www или без или много разных доменов, и если есть разные концовки, с различными параметрами, которые нам не нужны, а нужна именно страница, которая заканчивается на "thanks.php".

3. После выбора условия, вводим в поле часть или целиком адрес страницы где должен сработать триггер для активации кода конверсии и жмем кнопку "Сохранить".

Как настроить триггер по отправке формы:

Всё делаем также как при типе "Просмотр страницы", но выбираем другой тип триггера: "Отправка формы". Далее можно выбрать выбрать условия активации "Все формы" и сохранить - в таком варианте при отправке любой формы с любой страницы, где установлен гугл тег менеджер будет срабатывать данный триггер. Если же нужно выбрать конкретную форму, то это можно сделать с помощью условия "Некоторые формы" и здесь можно либо по "id формы" настроить либо по "Click Classes" выбрать условие, сами эти параметры можно узнать у своего программиста спросив данные параметры конкретной формы или через инспектор элементов в браузере, но здесь можно написать отдельную статью, как это делать.

Как настроить триггер по клику:

Всё абсолютно также как и с триггером отправки формы, выбираем тип "Клик" -> "Все элементы", далее "Некоторые клики" и также узнаем Click classes или Click id.

Как создать тег в Google Tag Manager

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

В открывшемся окне вводим название нашего тега, чтобы имена были стандартизированы рекомендовано писать сюда название самого события, которые будет происходить по этому тегу, например, "пиксель фб", конверсия Lead", "Яндекс.Метрика" и т.д. Потом выбираем только что созданный триггер (2), и жмем на конфигурацию тега (3).

В тип тега выбираем "Пользовательский HTML".

В поле для HTML кода вводим следующий код:

<script> fbq('track', 'web_new'); </script>

Вместо "web_new" вводим ту конверсию, которую нам будет удобно использовать и идентифицировать, можно по названию события или по спасибо странице. Например, "Lead2", "retarget_forma", "vebinar_12_08".

И не забываем связать триггер и тег:

Жмем "Сохранить" -> потом на главной странице (рабочей области) жмем "Отправить" -> "Опубликовать" -> "Далее". Во все поля, которые будут открывать при данных действиях не обязательно вводить какие-либо данные.

Проверка.

Готово! Теперь нужно проверить работу нашей конверсии. Перед проверкой нужно сделать паузу в 5 минут, ч��обы кеш браузера обновился или включить "Предварительный просмотр" в тег менеджере, тогда изменения после публикации будут доступны сразу же. Проверять можно двумя способами:

1. Через facebook pixel helper - это специальное расширение для браузера Chrome, скачиваем и устанавливаем его. Потом заходим на сайт, отправляем заявку и жмем по расширению хелпера.

В открывшемся окошке мы увидем id пикселя, который сработал на данной странице и события, который сработали: "PageView" (это стандартное событие просмотра страницы, значит что сам пиксель работает) и "Lead" (событие конверсии Лид). Убеждаемся что галочка зеленого цвета и всё работает.

2. Через Events Manager - это специальный инструмент от фейсбук для работы с пикселями.

Чтобы попасть в Events Manager заходим в рекламный кабинет в фейс��уке и жмем на 3 полоски, слева сверху, рядом с логотипом фейсбука и в списке меню выбираем пункт "Events Manager".

Далее кликаем по источнику данных, это и есть наш пиксель.

И здесь находим пункт меню "Тестирование событий".

Далее вводим адрес нашего сайта и жмем "Открыть сайт".

В новой вкладке откроется наш сайт, на нём заполняем данные и отправляем тестовую заявку. После возвращаемся на вкладку и видим:

Сработало событие лид, значит всё правильно.

Теперь переходим к настройке нового события (индивидуально настроенной конверсии) на фейсбуке.

Если вы только отправили событие, необходимо подождать 3-5 минут и обновить страницу, перед тем как начать настраивать конверсию на фейсбуке.

Настроить новую конверсию можно прямо при создании рекламы с целью конверсии, для этого заходим в настройки группы объявлений и жмем на поле "Событие конверсии", если нужно удаляем предыдущее событие. Потом жмем "Создать новую специально настроенную конверсию"

В открывшемся окне нам нужно найти в поле "Событие на сайте" нашу конверсию, которую мы указывали в коде тега и которая выполнилась после отправки заявки на сайте. Выбираем событие, далее в название вводим либо расшифрованную версию названия нашей конверсии или копируем полностью имя нашей конверсии. Далее, к "Категория" выбираем "Лид" и жмем создать.

Теперь у нас создана индивидуально настроенная конверсия и её можно найти и выбрать в настройках группы объявлений. Еще некоторое время она будет гореть красным, как неактивная, фейсбуку нужно время чтобы данные обновились, но мы смело можем уже настраивать кампанию на конверсии по новому событию.