Пиксель Facebook на максималках. Пошаговая настройка кастомных событий c помощью Google Tag Manager

[Елена Маракова]

Александр Бакалов, интернет-маркетолог и создатель сообщества "Пошаговый маркетинг", написал максимально подробную инструкцию по использованию функций пикселя Facebook.

Подписывайся на наш Телеграм канал и паблик ВК и узнавай первым о новых событиях!

1. Настройка и установка пикселя Facebook

1. Переходим в рекламный кабинет Facebook, затем в раздел «Пиксели»:



2. Если вы впервые создаете пиксель, то увидите перед собой подобные блоки. Нажмите на кнопку «Начать»:



3. Прописываем название и домен нашего сайта:



4. Затем выбираем «Добавление кода вручную»:



5. После копируем код пикселя и переходим в Google Tag Manager:



6. Переходим на сайт. Если вы еще не пользовались GTM, то перед вами появится такой экран. Жмите на кнопку «Создать аккаунт»:



7. Далее заполняем все необходимые поля и жмем «Создать»:



8. После создания скопируйте эти два фрагмента кода Google Tag Manager и вставьте в указанные разделы сайта:



9. Теперь, когда вы установили код Google Tag Manager на сайт, мы можем приступить к установке пикселя Facebook. Для этого копируем код ранее созданного нами пикселя:



10. Переходим в раздел «Теги» и жмем на кнопку «Создать»:



11. Далее жмем на конфигурацию тега:



12. У вас сбоку выпадает меню. Выберите «Пользовательский HTML»:



13. После выбора пользовательского HTML скопируйте код в указанное поле и нажмите элемент ниже:



14. После выбираем триггер All pages — этот триггер срабатывает при просмотре любой из страниц:



15. Сохраняем созданный тег:



16. Чтобы изменения вступило в силу, нажмите на кнопку «Отправить»:



17. Если событие пиксель установлен корректно, то в пикселе будет отображаться событие Page view:



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

2. Тактика сбора событий с сайта. Микро и макроконверсии

1. Все посетители сайта (или отдельных его страниц) — 180 дней. Это основная база вашего ретаргетинга. Вы можете использовать ее для для показа прогревающих рекламных объявлений, акций, отрабатывать возражения и страхи при помощи ретаргетинга. Это уже знакомые с вашим сайтом люди и было бы глупо не собирать данные они через пиксель.

2. Микроконверсии — люди, совершившие какое-либо легкое действие на сайте. Например, они перешли в раздел «цены», добавили товар в корзину (но не оплатили), переходили по ссылкам в текстах, были на сайте определенное время или проскроллили определенный процент страницы. Эти люди более теплые, чем первая аудитория (кстати, при открутке на всех посетителей сайта не забывайте исключать аудитории по микро и макроконверсиям).

Использовать эту аудиторию можно 3 способами:

1. Оптимизация под микроконверсии. Зачастую, особенно при старте проекта, очень тяжело получить большое количество лидов (макроконверсий). Из-за этого вы не можете хорошо настроить оптимизацию за конверсии в Facebook (цель «Конверсии»), что, в конечном итоге, может негативно отразиться на качестве оптимизации вашей рекламы.
Поэтому я советую ставить оптимизировать рекламу не под макроконверсии (заполнения форм, оставление заявок на сайте), а под микроконверсии. Такой подход позволит Facebook оптимизировать рекламу под людей, которые совершают активные действия на вашем сайте. При этом, микроконверсий у вас будет на порядок больше, что позволит алгоритму Facebook быстрее обучиться и приводить на ваш сайт качественный трафик.

Напомню, что для окончания обучения алгоритма ФБ требуется минимум 50 целевых действий.
2. Вы можете при помощи ретаргетинга тоже показываться этим людям, но с уже более теплым контентом. Учитывая, что эти люди совершали какие-либо действия на сайте, они намного более теплые чем простые посетители.

3. Собрать look-alike по такой аудитории. Эта аудитория хорошо показывает себя для LaL, потому что эти люди проявляли реальную активность на сайте.

3. Макроконверсии — люди, оставившие заявку или заполнившие форму. Это самая горячая аудитория, почти потенциально купившие. Её я рекомендую использовать для следующих задач:

1. Собрать look-alike по такой аудитории. Это самые горячие клиенты, поэтому ЛАЛ по этой аудитории даст самые качественные результаты.

2. Цепочка ретаргетинга, как на самых горячих клиентов — дожимание людей, если они оставили заявку, но так и не купили у вас. Но для этого важно вовремя исключать из этой аудитории людей, которые все-таки стали вашими клиентами, поэтому очень важно настроить выгрузку данных реальных клиентов из вашей СRM и исключать их из собираемой базы по макроконверсиям. Это поможет избежать негатива, когда уже купившего человека продолжает догонять ваша реклама.

3. Настройка сбора по событий в GTM

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



1. Для этого снова переходим в Google Tag Manager.
2. Далее в раздел «Триггеры» и жмем на кнопку «Создать»:



3. После этого задаем название триггера и жмем на указанный элемент:



4. Переходим во «Все элементы»:



5. Жмем «Некоторые клики»:



6. Далее жмем на выпадающий список и выбираем «Новая переменная»:



7. Также задаем название переменной и жмем на указанный элемент:



8. Выбираем «Переменная автоматического события»:



9. Далее выбираем «Классы элемента» и сохраняем.



10. Сейчас мы создали переменную по классу элемента:



11. Теперь мы должны найти class этой кнопки, потому что триггер должен срабатывать при клике на нее. Для этого вновь переходим на сайт и:

1. Нажимаем на нашу кнопку правой кнопкой мыши.
2. Жмем «Посмотреть код»:



12. Далее копируем значение класса нашей кнопки:



13. После этого снова переходим на страницу создания триггера, копируем значение класса кнопки и сохраняем триггер:



14. Итак, мы прошли два самых сложных этапа — создание переменной и триггера. Не беспокойтесь, мы почти у цели :–) Самые непонятные вещи я еще поясню в конце статьи. А сейчас переходим раздел «Теги» и жмем «Создать»:



15. Задаем название и переходим в раздел «Триггеры»:



16. Выбираем здесь триггер, который мы создали ранее про скайп:

17. Теперь жмем на «Конфигурация тега»:



18. Как и при установке кода пикселя выбираем «Пользовательский HTML»:



19. После этого копируем этот код в поле:

<script> fbq('track','Lead',{ content_name: 'micro'}); </script>

Небольшое пояснение по поводу значения этих элементов:


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



21. Чтобы опубликовать изменения, нажмите на кнопку «Отправить». Чтобы проверить работу тегов на стороне сайта нажмите на «Предварительный просмотр»:



22. Теперь вам нужно один раз совершить это событие, чтобы оно отобразилось в Facebook, и мы могли настроить кастомную конверсию. Перейдем на сайт и нажмем на эту кнопку:



23. Вскоре, в течение 10 минут, событие “Lead” отобразится в нашем пикселе. Теперь мы можем приступать к созданию кастомной конверсии “micro”:

 

[Елена Маракова]

4. Создание кастомной конверсии в Facebook

Кастомное событие — это событие, название которого не содержится в стандартной библиотеке ФБ. То есть названия для кастомного события вы придумываете самостоятельно.

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

Итак, до этого мы полностью настроили передачу событий с сайта, а также прикрутили туда пиксель. Сейчас давайте перейдем к созданию конверсии «micro»:
1. Также переходим в пиксель Facebook:


2. Затем переходим в раздел «Специально настроенные конверсии»:



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



4. Перед нами открывается окно. Жмем на этот элемент:



5. Выбираем событие “Lead”. Замечу, что если бы мы не совершили это действие на сайте (не нажали бы кнопку «Консультация по Skype»), то событие “Lead” здесь бы не отобразилось:



Ещё раз напомню, что событие “Lead” — это базовое стандартное событие Facebook, к которому мы привяжем кастомное событие «micro».
6. Выбираем “Event Parameters”:



7. Далее указанный параметр и прописываем название нашего кастомного события (“micro”):



8. Напомню, что параметры “content name”, “micro”, а также название базового события мы берем из кода событий, который мы ранее установили в Google Tag Manager:

9. Следующим шагом нажимаем сюда:



10. Далее прописываем адрес сайта или конкретной страницы. Это обязательно нужно делать, если ваш пиксель стоит одновременно на нескольких сайтах (это поможет вам собирать события только с указанного адреса):



11. Под конец прописываем ценность (при необходимости), название и сохраняем:

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



13. После первого совершения этого действия на сайте, статус изменится на «Активен»:



14. Чтобы ваша реклама на Facebook могла оптимизировать по этой конверсии, выберите цель «Конверсии» при создании рекламы:



15. Выберите эту конверсию в качестве ориентира для Facebook:



5. Сбор людей, которые совершили кастомное событие, в отдельную аудиторию

1. Переходим в раздел «Аудитории»:



2. Жмем «Создать индивидуализированную аудиторию»:



3. Выбираем «Сайт»:



4. Выбираем параметр «Всем» (это необходимо для того, чтобы в аудиторию попадали все люди, которые соответствуют указанным нами условиям), а также выбираем нужный нам пиксель (если у вас их несколько):



5. Далее жмем на указанный элемент:



6. И выбираем событие “Lead” (наше базовое событие, на основе которого мы создали кастомное событие “micro”):



7. Жмем «Уточнить по»:



8. Выбираем значение «URL/параметр»:



9. Прописываем имя нашего события:



10. Жмем «Определить более точно»:



11. При необходимости, прописываем адрес сайта или конкретной страницы. Это обязательно нужно делать, если ваш пиксель стоит одновременно на нескольких сайтах (это поможет вам собирать события только с указанного адреса):



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

6. Виды переменных и событий, на которые можно ставить теги

Переменные — это те фрагменты сайта, при взаимодействии с которыми будет срабатывать триггер и тег. Это может быть class или id элемента, надпись на кнопке или время на сайте.

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

1. Для этого снова переходим в Google Tag Manager.
2. Переходим в «Переменные» и жмем «Создать»:



3. Далее вбиваем название и жмем на этот элемент:



4. Выбираем «Переменная автоматического события»:



5. Далее жмем на выпадающий список:



6. Базовые переменные, которые вы можете использовать:



Это самые востребованные переменные, которые могут вам понадобится:

• Класс элемента — это параметр “class” у любого элемента сайта. Это очень удобно при настройке событий в большом интернет-магазине. Например, если во всех карточках товаров элементы имеют один класс, то вам достаточно настроить всего 1 тег, который будет срабатывать при нажатии на кнопку в любой из карточек товара.
• Идентификатор элемента — это id любого элемента сайта.
• Текст элемента — это текст, который есть в элементе. Например, это может быть надпись на кнопке.
• URL элемента — это ссылка, которая заложена в элемент. Например, ссылка по которой человек переходит при нажатии на кнопку.

7. Настройка событий на время на сайте, заполнение формы и процент скроллинга

1. Сейчас давайте снова перейдем в раздел «Теги» и нажмем «Создать»:



2. Жмем на этот элемент:



3. Здесь вы можете сразу выбрать событие «Отправка формы» (я рекомендую ставить на форму именно это событие, а не «Нажатие на кнопку» — благодаря этому вы избежите срабатывания тега, когда человек нажал на кнопку формы, но так ее и не отправил.



Заключение

Надеюсь, что данная статья была вам полезна. Теперь перед вами всегда будет руководство по настройке событий в Facebook.

Источник

 

[xtarget]

Полезная статья. Но не могли бы обновить пропавшие изображения?

 

[desert_fox_]

Спасибо за статью. Интересует еще такой момент. Прежде чем установить пиксель на сайт, нужно иметь доступ к его админке, как я понимаю. И у разных платформ лендингов и сайтов есть свои разные меню, чтобы получить доступ к коду. Можете ли вы пояснить, как на разных площадках вставлять код пикселя?