Как настроить события пикселя facebook 2021

Как настроить события в пикселе Facebook: пошаговая инструкция

События в пикселе в Facebook позволяют сделать рекламную кампании в социальной сети более результативной, передавая сигналы о выполнении нужного действия на сайте. Благодаря установленному на сайте Google Tag Manager можно будет фиксировать практически любое действие.

Настройка событий через инструменты Facebook

Если требуется отслеживать не только посещения страницы спасибо, фиксировать добавление товара в корзину или открытие формы, то достаточно воспользоваться готовым инструментом Facebook. Начать настройку можно кликнув на «Настроить»-«Настроить новые события».

Далее выбираем основной пункт «Использовать инструмент настройки Facebook».

Теперь в окне URL сайта вводим страницу, где бы мы хотели отслеживать события и открываем сайт.

На открывшемся сайте потребуется ознакомиться с инструкцией (открывается поверх сайта).

При просмотре сайта в левом-верхнем углу появиться окно «Facebook Event Setup Tool» для настройки конверсий, которое при необходимости можно переместить в другое удобное место.

Далее настраиваем конверсии, которые могут быть двух типов: Кнопки и Просмотр URL.

Настройка событий для кнопки в Facebook

Например, мы хотим отследить клик по кнопке «Обратный звонок», для этого нажимаем в окне Facebook Event Setup Tool «Отслеживать новую кнопку».

Теперь система покажет подсказку в нижней части экрана, что можно скролить страницу и необходимо кликнуть на элемент, который мы бы хотели отследить.

Кликаем на нужный элемент, например, «Обратный звонок» и выбираем нужную категорию.

При выборе определенных целей система предложит:

• Не передавать данные о ценности конверсии;
• Передавать данные о ценности конверсии со страницы;
• Использовать ценность из других конверсий (при части конверсий, если они были созданы).

Если на странице указана цена услуги или товара, то выбираем второй пункт и система опять предложит выбрать элемент, в котором передается ценность.

Выбрав нужный элемент, ценность появиться в инструменте, где также необходимо выбрать валюту (по умолчанию всегда доллар США USD).

Все готово, конверсия создана.

Настройка событий для посещения страницы

В инструменте настройки целей кликаем на «Отслеживать URL».

После аналогично выбираем категорию события.

И выбираем правило срабатывания:

1. URL соответствует. Конверсия будет срабатывать лишь при посещении указанной страницы;
2. URL-адрес содержит. Событие зафиксируется, если пользователь посетит любой адрес содержащий указанную комбинацию. Например, комбинация /category/, то цель сработает при переходе на страницы /category/offers1/ и /category/offers2/.

При необходимости также выбираем ценность конверсии и завершаем настройку (кнопка «Finish Setup»).

Инструмент предложит удалить при необходимости лишние конверсии (или тестовые).

Теперь система предложит протестировать события.

Более сложные конверсии через Google Tag Manager

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

• Успешная отправка формы;
• Переход по ссылке, например, на какую-либо социальную сеть или сайт партнера;
• Просмотр страницы в течение некоторого времени;
• Скроллинг до определенного уровня.
• Многие другие.

Для этих целей потребуется также кликнуть на «Настроить»-«Новые события», но далее перейти на «Добавить код вручную».

В появившемся окне выбираем категорию бизнеса и ниже нужный тип конверсии.

Важно! Вводимые далее данные могут меняться в зависимости от выбранной цели.

Например, выбираем стандартную «Лид».

• Ценность конверсии. Например 5.
• Выбираем валюту. Указывается в трехбуквенном коде по ISO 4217 (для рубля RUB, для евро EUR).

Копируем код приведенный ниже.

Далее входим в Google Tag Manager и включаем «Предварительный просмотр».

Переходим на сайт и выполняем нужное действие на сайте, например, отправляем форму.

Видим, что при отправке формы, срабатывает событие «lead». Которое и будем использовать в качестве триггера.

Возвращаемся в GTM во вкладку «Триггеры» и создаем новый.

Даем ему название и выбираем его тип.

В нашем случае это «Пользовательское событие».

Вводим нужный нам event (lead).

Переходим в «Теги» и создаем новый.

Даем тегу название, например, Facebook lead и выбираем его тип.

В появившемся списке кликаем на «Пользовательский HTML».

Копируем к открывшееся окно код из настроек Facebook Pixel и переходим к настройкам Триггера.

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

Публикуем новую версию.

Все готово, теперь при выполнении нужного действия (в примере это отправка формы) в пикселе Фейсбука будет фиксироваться новая конверсия, на которую можно будет нацелить рекламные кампании.

Настройка конверсий в Facebook пиксель через партнерские интеграции

Воспользоваться данным методом можно перейдя во вкладку «Партнерские интеграции».

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

• Электронная торговля. Модули для WooCommerce (WordPress), Opencart, Shopify, Magento и многие другие;
• Платформы для сайтов. Плагины для WordPress, Joomla, Drupal или Wix;
• Офлайн-конверсию Предоставляется возможность воспользоваться Zapier (через него же можно настроить отправку данных в лид-форм Google Ads в CRM).
• CRM. Salesforce, Zoho RM или HubSpot.

В этом случае, например, выбрав Opencart будет предоставлен модуль, установив и настроив который сайт самостоятельно будет передавать данные о продажах (включая ценность) в пиксель Фейсбука, а вручную вбивать данные не потребуется.

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

Протестировать настроенные конверсии можно использовать два основных метода

Тестирование через инструмент Facebook

Для этого переходим в раздел тестирования и выбираем пункт «Браузерные».

Далее выполняем нужное действие на сайте и проверяем на какой странице сработала (вплоть до секунды) конверсия, ее ценность и тип события.

Тестирование через расширение Facebook Pixel Helper

В первую очередь потребуется установить расширение Pixel Helper для Google Chrome. Скачать которое можно по ссылке:

После чего заходим на сайт и видим через расширения какие действия активируются, например:

1. Page view. Просмотр страницы;
2. Настроенные события при выполнении действий.

Если на сайте установлено несколько пикселей, то это будет указано в расширении.

Когда наблюдаются проблемы с установкой пикселя, то это также выводится в расширении.

Для чего это нужно?

Благодаря передаче конверсий в пиксель Facebook можно:

Видеть статистику по сайту и делать анализ по выполненным действ ;

Настроить рекламные кампании в Facebook и Instagram на выполнение конкретного действия, а не получения трафика. Например, нацелить ее на заполнение форм, что позволит сделать рекламные кампании эффективнее.

Источник

События пикселя Facebook: подробная инструкция по установке на сайт

Есть разные способы анализа поведения пользователей на сайте: Яндекс.Метрика, Google Analytics и другие. Команда Mello расскажем еще об одном ─ пикселе Facebook, точнее, об одной из его функций ─ отслеживании и фиксации событий, или определенных действия посетителей.

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

Как видите, все совершают разные действия, а значит, и напоминать о себе надо разными способами. Осталось только «отследить» и сгруппировать посетителей сайта по определенным признакам.

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

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

События пикселя Facebook получится настроить только после установки основного кода пикселя Facebook на ваш сайт. О том, как это сделать, читайте в статье.

Ниже приведен пример кода сайта с настроенным событием:

• Первоначальный код вашего сайта.
• Базовый код вашего пикселя Facebook.
• Код вашего события. В примере выше показано событие добавления товара в корзину.

В Facebook есть два вида событий ─ стандартные и специально настроенные.

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

В таблице перечислены стандартные события пикселя Facebook.

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

Установить события пикселя Facebook можно разными способами:

• непосредственно в код сайта;
• через сервис Google Tag Manager;
• с помощью инструмента настройки событий Facebook.

Все стандартные события отслеживаются с помощью вызова функции пикселя fbq(‘track’) с указанием названия и, при необходимости, объекта JSON в качестве параметров ─ цены, валюты, id товара и т. д. Более подробно про передаваемые параметры написано в справке Facebook под заголовком «Свойства объектов».Например, так выглядит вызов функции, отслеживающий завершенное событие покупки, в качестве параметров заданы валюта и сумма:fbq(‘track’, ‘Purchase’, ), где

• Purchase ─ название стандартного события в Facebook, которое отражает завершение покупки;
• ─ дополнительные параметры о завершенном заказе ─ Currency: «USD» ─ валюта «Доллар США», value: 30.00 ─ сумма 30.00.

Специально настроенные события отслеживаются с помощью вызова функции пикселя fbq(‘trackCustom’) с указанием имени события и, по необходимости, объекта JSON в качестве параметров (цены, валюты, id товара и т.д.).Например, так выглядит вызов функции, отслеживающий отправку формы на сайте:

В этом примере название события в статистике Facebook будет отображено как «OtpavkaForm». Для более удобного анализа информации лучше указывать все названия максимально понятно.После вызова кода события автоматически будут отслеживаться в Events Manager.

Функции fbq(‘track’) или fbq(‘trackCustom’) можно вызывать в любом месте на сайте между открывающим и закрывающим тегами при загрузке страницы или при выполнении пользователем какого-либо действия, например, нажатия кнопки.

Как это сделать?

Для начала определим с какой целью и за каким событием будем наблюдать на сайте.

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

Видим, что код данного действия имеет вид fbq(‘track’, ‘AddToCart’).

Ниже показано, как добавить код вызова функции fbq(‘track’, ‘AddToCart’) по нажатию кнопки в код сайта.

Напомним, что перед работой с событиями на сайте уже должен быть установлен код пикселя Facebook. За основу установки события возьмем всё то же отслеживание добавления товара в корзину (AddToCart), рассмотрим простую настройку и установку события через GTM.

1. Для начала определим кнопку и ее параметры для отправки события в Facebook. Для этого переходим на сайт, находим нужную нам кнопку и кликаем по ней правой кнопкой мыши, после чего выбираем «Просмотреть код».

2. Смотрим параметры кнопки, в данном случае это название класса AddToCard и текст «В корзину».

3. Далее идем в Google Tag Manager в раздел «Переменные» и нажимаем кнопку «Настроить». В конфигурациях выбираем «Click Classes» и «Click Text».

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

5. Выбираем настройки триггера «Все клики».

6. Выполняем следующие настройки на основе параметров кнопки:

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

8. Далее нажимаем «Конфигурация тега» и выбираем из предложенного списка «Пользовательский HTML».

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

10. После этого нам нужно выбрать триггер срабатывания кода, который мы создали ранее.

11. Теперь удостоверимся в правильности настройки нашего события и для начала проверим работу тега.

Для этого в интерфейсе Google Tag Manager переходим в «предварительный режим» и отправляемся на свой сайт.

На сайте нажимаем кнопку «В корзину» и видим срабатывание тега в нижней части экрана:

12. Также, правильность срабатывания, в «предварительном режиме», можно проверить и с помощью расширения “Facebook Pixel Helper”, где по нажатию кнопки в интерфейсе отобразиться название нашего события. Больше расширений в помощь специалисту по контекстной и таргетированной рекламе

13. Все готово, нажимаем кнопку «Оправить» в правом верхнем углу.

После этого данные будут отображаться в Events Manager под уникальным названием, в нашем случае по функции fbq(‘track’, ‘AddToCart’). Facebook определит ее, как «Добавление в корзину» в новой версии, и AddToCart — в старой.

Скриншот новой версии FacebookЧтобы детально посмотреть события в старой версии Facebook, необходимо перейти в Events Manager и нажать на наш установленный ранее пиксель.

Скриншот старой версии Facebook

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

Переходим в Events Manager → «Источники данных» и выбираем нужный нам пиксель, после чего нажимаем кнопку «Добавить событие».

Выбираем «Установить код вручную» и пропускаем все пункты кнопкой «Продолжить» до того, как Facebook предложит «Запустить инструмент настройки событий».

Нажимаем на эту кнопку. После чего появится окошко для ввода URL вашего сайта, заполняем его, дальше ─ «Открыть сайт».

Порядок действий в старой версии

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

После чего появится окошко с настройкой события, а котором сразу выбираем «Использовать инструмент настройки событий Facebook».

В поле «URL сайта» вводим адрес нашего сайта и нажимаем кнопку «Открыть сайт».

После перехода на сайт, в левом верхнем углу мы увидим окошко «Инструмент настройки событий Facebook».

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

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

Кнопка стала зеленой, следовательно событие на ее срабатывание уже настроено и отслеживается в интерфейсе Facebook в Events Manager.

Функциональность «Инструмента настройки событий Facebook» позволяет настроить отслеживание кнопки вручную.

Так вы с легкостью можете настроить любую кнопку на вашем сайте. После выбора «Отслеживать новую кнопку» на сайте появятся всевозможные выделения, которые может фиксировать Facebook. Выбирайте нужные и завершайте настройку так же, как рассказано выше.Еще одна полезная функция в настройке событий ─ это «Отслеживать URL».

Например, очень просто можно фиксировать завершение заказа, если после его оформления пользователь попадает на страницу с благодарностью (site.ru/thank-you например). Заполнив все необходимые поля и подтвердив завершение настройки вы очень быстро настроите нужное вам событие.

Специально настроенные конверсии позволяют создавать правила для параметров ваших событий и страниц вашего сайта. Благодаря этому вы можете измерять более конкретные действия клиентов. Например, можно отфильтровать все события покупок, чтобы сосчитать, сколько пар женских туфель дороже 1000 рублей было куплено. Используя эти конверсии, также можно оптимизировать показ рекламы.Максимальное количество специально настроенных конверсий в рекламном аккаунте — 100.

Оптимизация показа рекламы по конверсиям для специально настроенных событийFacebook позволяет создавать компанию с оптимизацией по конверсиям только для стандартных событий и для специально настроенных конверсий, для специально настроенных событий такой возможности нет. Поэтому для того чтобы проводить оптимизацию по специально настроенным событиям, сначала нужно на основе таких событий создать конверсию и уже на ее основе оптимизировать показ рекламы.Как это сделать? Для начала переходим в Events Manager и идем на вкладку «Специально настроенные конверсии».

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

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

Настройка стандартных событий без дополнительного кода

Если на сайте есть базовый код пикселя Facebook, вы можете использовать правила для URL, чтобы регистрировать стандартные события, не добавляя дополнительный код.

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

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

Добавление правила к стандартным событиям, специально настроенным событиям и событиям «Весь трафик для URL», помогает более подробно анализировать действия клиентов. Например, если у вас настроена передача дополнительных параметров по событиям, можно создать правило для подсчета покупателей товаров определенной категории и стоимости.

Как настроить условия для фиксации добавления товара определенной категории дороже 1000 рублей.

При создании специально настроенной конверсии в «Событие конверсии» выбираем любое нужное нам для отслеживания событие, в нашем случае ─ это «Добавление товара в корзину», в котором настроена передача параметров. Пример кода по одному из товаров при добавлении в корзину:

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

Например, страница имеет вид site.ru/divani/3464, где site.ru — основной адрес страницы, divani — категория продаваемых товаров «Диваны» и 3464 ─ id определенного товара. Нам интересна будет именно категория divani.

Примечание: не все страницы имеют вид, описанный в примере.

Нажимаем «+» напротив правила для добавления еще одного. Выбираем категорию «Event Parameters» для создания правила из параметров, далее ─ «value» (стоимость товара) и выставляем «больше, чем» 1000. Кнопка «Создать».

Передавайте деловым партнерам данные по отдельным специально настроенным конверсиям, а не источники данных целиком.

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

1. Если вы используете инструмент настройки событий Facebook, работающий как всплывающее окно, он может не отображаться из-за блокировки всплывающих окон в вашем браузере. Для корректной работы инструмента стоит отключить блокировку.

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

3. Настраивать кнопки в инструменте настройки событий можно при условии, что:

• Они представляют собой HTML-кнопку, HTML-ссылку или элемент, класс или идентификатор содержит «button», «btn» или другой вариант написания слова «кнопка» по-английски.
• Высота кнопки не меньше 10 пикселей и не больше 600. Слишком большие и слишком маленькие кнопки не отображаются в инструменте.
• Кнопка содержит изображение или текст. Кнопки, содержащие только значки или цифры, например, значок поиска или номер телефона, не учитываются.

Более расширенное описание возможных проблем описано в справке Facebook — Устранение неполадок c инструментом Facebook для настройки событий на сайтах.

Автор статьи: специалист по контекстной рекламе в Mello, Андрей Моисеев.

Источник