Google Tag Manager — бесплатный диспетчер тегов. Он позволяет формировать теги для сайтов и мобильных приложений, самостоятельно управлять ими и заниматься тестированием и отладкой.
Нужно лишь установить код GTM на сайт, и после этого вы сможете добавлять любые скрипты самостоятельно. Например, устанавливать Яндекс.Метрику, Google Analytics, разные виджеты, пиксели и т.д.
Чем этот инструмент удобен?
Пиксели, аналитика устанавливается на сайт достаточно легко, если он сделан, например, на Платформе LP. Но как быть, если сайт создан не на конструкторе? Или нужно добавить большое количество скриптов, но ваш заказчик не даёт вам доступ к сайту и не может добавить их сам?
Лучше один раз выслать код Google Tag Manager, чем 100 раз объяснять клиенту, что и куда вставлять.
И в этой статье-инструкции мы разберёмся, как создать пиксель Фейсбука и добавить его на сайт через Google Tag Manager.
Пиксель Facebook
Пиксель Facebook — код, который размещается на всех страницах сайта и позволяет собирать людей, которые его посетили. С какого источника трафика пришёл посетитель значения не имеет.
Способ настройки пикселя на сайте зависит от наличия спасибо-страницы. Мы рассмотрим все способы установки пикселя через Google Tag Manager.
Если есть страница благодарности
Страница благодарности или спасибо-страница — это то место, куда попадает посетитель сайта после оформления заказа. Она должна иметь свою отдельную ссылку. Например: домен.ru/thx, домен.ru/thank_you, домен.ru/что_угодно.
- Заходим в FB в нужный нам Business Manager. Выбираем слева «Events Manager».
- Проверяем, чтобы был открыт нужный аккаунт, и кликаем по «Подключить источник данных».
- Выбираем «Интернет» и нажимаем «Начать». Затем нужно выбрать «Пиксель Facebook» и «Подключить».
- Далее нужно ввести название пикселя и продолжить. После этого появится окно, где FB предложит установить код пикселя. Кликаем по «Добавить код вручную».
- Переходим по ссылке, чтобы выбрать событие.
- Копируем строчку события (как правило, это Lead).
- Теперь нужно добавить это строчку к коду пикселя. Делаем это так:
- Теперь копируем оба кода (без добавленной строчки и с добавленной строчкой) и переходим в Google Tag Manager.
Если нет спасибо-страницы
Выполняем всё то же самое, что и в случае со спасибо-страницей, и переходим в Google Tag Manager.
Google Tag Manager
- Заходим в GTM. Нажимаем на «Создать аккаунт». Вводим домен сайта.
- Копируем коды GTM и отправляем их заказчику для добавления на сайт.
Если есть спасибо-страница
Итак, код Google Tag Manager добавлен на сайт. Теперь можем перейти к установке пикселя.
Важные термины:
Тег — это код, который должен сработать при определённых условиях.
Триггер — это как раз и есть эти определённые условия.
- Нажимаем на «Добавить новый тег».
- Сразу вводим название.
- Нажимаем в область «Конфигурации тега» и выбираем «Пользовательский HTML».
- Вставляем пиксель FB (без дополнительной строчки).
- Нажимаем в область «Триггеры» и выбираем «Просмотр страниц».
- Теперь нужно добавить пиксель для спасибо-страницы. Снова тапните «Добавить новый тег», введите название «Пиксель FB для спасибо-страницы». Добавьте код со строчкой «Лид».
- Нажимаем на триггер, а далее на «+». Вводим название триггера «Спасибо-страница».
- Далее — тип триггера «Просмотр страницы». Выбираем некоторые просмотры страниц — Page URL — содержит и добавляем часть ссылки на спасибо-страницу.
- Нажимаем «Сохранить». Далее переходим в рабочую область и кликаем по «Отправить», а затем — «Опубликовать».
Если нет спасибо-страницы
- Выполняем действия из пунктов 1–5 из предыдущего раздела.
- Далее снова нажимаем на «Добавить новый тег». Вводим его название и вставляем пиксель, созданный для формы (пиксель со строчкой «Лид»).
- Теперь нужно создать триггер. Кликаем на область ниже «Триггеры». Выбираем «+».
- Вводим название «Форма». Нажимаем на область «Настройка триггера» и выбираем «Отправка формы».
- Выбираем «Некоторые формы» и нажимаем на «Новая переменная».
- Кликаем по области.
- Нажимаем на «Переменную автоматического события».
- Выбираем «Классы элемента» и прописываем название. Далее сохраняем.
- Затем заходим на сайт. Находим форму и нажимаем правой кнопкой мыши, открываем функцию «Посмотреть код».
- Кликаем на курсор.
- Выделяем форму, нажимаем на неё и находим код формы.
Нам нужно скопировать то, что находится в кавычках после «form class=».
- Возвращаемся в GTM. Выбираем то, что создали на предыдущем шаге (переменную автоматического события). Вставляем то, что скопировали после form class= и нажимаем на «Сохранить».
- После этого сохраняем тег и триггер и публикуем изменения.
Примечания к GTM
Не на всех сайтах форма прописана в коде. Если вы не можете найти form class=, тогда на шаге 4 нужно выбрать не «Отправку формы», а «Клик». В этом случае настройка триггера будет аналогичной, но нужно будет добавить класс кнопки, а не формы. Т.е. как в шаге 11 выделяете кнопку (не форму) и копируете то, что расположено в кавычках после button class=.
Создание аудиторий и конверсий
Создать аудитории можно только после установки пикселя на сайт, а конверсии — после первой конверсии.
- Переходим во вкладку «Пиксели». Нажимаем на «Создать» и выбираем «Создать пользовательскую аудиторию».
- Выбираем «Все посетители сайта» и создаём аудиторию. В это аудиторию попадет все пользователи, которые зашли на сайт. При настройке рекламы можно будет исключить из этой аудитории тех, кто оставил заявку на сайте.
- Теперь нужно создать аудиторию для тех, кто оставил заявку. Выбираем «Lead», присваиваем название аудитории и сохраняем её.
- Теперь создаём конверсию. Это необходимо, когда вы выбираете цель рекламы «Конверсии». В этом случае в статистике FB будет отображаться количество конверсий. Сам Facebook сможет анализировать поведение людей, оставивших заявку, и показывать рекламу похожим пользователям (из выбранной вами аудитории).
- Выбираем событие «Lead», вставляем URL сайта, добавляем название и нажимаем на «Создать».
Надеюсь, благодаря этой инструкции вы без труда настроите Пиксель Facebook через Google Tag Manager. Если у вас остались вопросы по теме статьи, я жду их в комментариях 🙂
