Как на сайт интернет магазина поставить пиксель
Перейти к содержимому

Как на сайт интернет магазина поставить пиксель

  • автор:

 

Как установить пиксель Facebook и Instagram — отслеживаем целевые действия

Отслеживание целевых действий пользователей — must have для любого проекта. Данные о действиях пользователя на сайте позволяют понимать эффективность работы рекламных кампаний и контролировать возврат вложенных инвестиций.

В этой статье речь пойдет о пикселе — инструменте аналитики рекламной системы Facebook. Его используют для отслеживания конверсий, оптимизации рекламных кампаний и создания ремаркетинговых аудиторий. Кроме того, пиксель Facebook можно использовать и для ретаргетинга в Instagram.

Что такое пиксель Facebook

Пиксель Facebook — фрагмент кода с уникальным идентификатором аккаунта.

пиксель это фрагмент кода

Его можно создать в аккаунте Business Manager в разделе «Измерение и отчетность» — «Пиксели».

Его можно создать в аккаунте Business Manager

После создания пиксель нужно установить на сайт. Существует два способа это сделать.

Установка пикселя на сайт

Отправить инструкции разработчику на email

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

Отправить код пикселя по электронной почте

Установить код вручную

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

Установить код пикселя вручную

и установить его в шапку сайта перед закрывающим тегом </head>.

Установить пиксель через Google Tag Manager

Для такой установки нужно создать отдельный тег. Тип тега — «Пользовательский html».

пользовательский html

Добавляем в конфигурацию тега скопированный пиксель:

fb pixel

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

all pages

Задаем название нашего тега и сохраняем. Проверяем срабатывание тега в режиме предварительного просмотра и выгружаем изменения.

fb basic google tag manager

Для проверки корректности установки пикселя Facebook можно отправить ему тестовый трафик.

Отправьте тестовый трафик к своему пикселю

В случае правильной установки, вы получите уведомление:

Тестовый трафик статус активен

Проверка работы пикселя с помощью Facebook Helper

Есть еще один способ проверки работы пикселя — использовать Facebook Helper. Это расширение для браузера, которое поможет узнать, установлен ли пиксель на сайте, и проверить его на ошибки. Установить расширение для Google Chrome можно по ссылке.

Facebook helper

На этом базовый этап установки пикселя Facebook завершен. Следующий шаг — настройка стандартных событий.

Стандартные события пикселя Facebook

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

9 стандартных событий включают в себя такие действия пользователей:

  1. Просмотр материалов (ViewContent).
  2. Поиск (Search).
  3. Добавление в корзину (AddToCart).
  4. Добавление в список желаний (AddtoWishlist).
  5. Начало оформления заказа (IntiateCheckout).
  6. Добавление платежной информации (AddPaymentInfo).
  7. Покупка (Purchase).
  8. Лид (Lead).
  9. Завершенная регистрация (CompleteRegistration).

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

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

value, currency, content_type, content_ids, contents.

content_type — тип товара/страницы;

contens_ids — id товара, contents — (объект, который содержит европейский номер товара (EAN).

value, currency, content_category, content_ids, contents, search_string.

content_category — категория товаров/страниц;

search_string — строка, введенная пользователем для поиска.

value, currency, content_name, content_type, content_ids, contents.

content_name — название товара/страницы.

value, currency, content_name, content_type, content_ids, contents.

value, currency, content_name, content_category, content_ids, contents, num_items.

num_items — количество товаров/предметов в заказе.

value, currency, content_name, content_category, content_ids, contents.

value, currency, content_name, content_type, content_ids, contents, num_items.

value, currency, content_name, content_category.

value, currency, content_name, status.

status — параметр, который показывает статус регистрации.

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

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

    Базовый код события «Покупка (Purchase)» без дополнительных параметров.

Базовый код события без дополнительных параметров

В этом случае при срабатывании кода пиксель фиксирует, что произошла покупка.

Базовый код события с разными наборами параметров

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

Как стать специалистом по контекстной рекламе

Настройка стандартных событий в коде сайта

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

Базовый код по умолчанию фиксирует только просмотр страницы:

Код фиксирует только просмотр страницы

После добавление в него кода стандартного события «Добавление в корзину» — fbq(‘track’, ‘AddToCart’) пиксель будет выглядеть так:

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

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

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

Настройка стандартных событий с помощью Google Tag Manager

Стандартные события также можно настроить с помощью Google Tag Manager.

Такой способ удобнее остальных:

  • это можно сделать без помощи программиста;
  • не нужно проводить изменения в коде самого сайта;
  • существует возможность предварительно проверить установку пикселя в режиме предварительного просмотра.

Чтобы настроить стандартное событие с помощью Google Tag Manager, необходимо создать новый тег с типом «Пользовательский html» и добавить в него код события.

Установить код пикселя

Конфигурация тега пользовательский html

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

код в теге без дополных параметров

Не забудьте указать триггер срабатывания и сохранить тег. На этом настройка стандартных событий через Google Tag Manager завершена.

Проверить срабатывание настроенных событий можно в Events Manager:

Проверить событие в events manager

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

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

Переходим на вкладку «Индивидуально настроенные конверсии» и выбираем «Создать конверсию».

Индивидуальные настройки конверсии

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

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

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

Весь трафик для url

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

Указать ценность конверсии и отнести ее к категории событий

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

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

К примеру, вот как выглядит настройка пользовательской конверсии «добавление товара с ценностью больше 1000 грн в корзину»: используем стандартное событие, указываем URL и условие для параметра «value». Будьте внимательны: при настройке стандартного события необходимо настроить передачу этого параметра.

addtocart создать специально настроенную конверсию

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

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

Запомнить

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

Настройка отслеживания кампаний в Facebook и Instagram состоит из нескольких этапов. Необходимо:

  1. Сгенерировать в рекламном аккаунте пиксель Facebook.
  2. Добавить код на сайт — вручную или через Google Tag Manager.
  3. Настроить стандартные события.
  4. При необходимости, создать специально настроенные конверсии.

К команде Netpeak присоединилась в 2017 году после курсов Образовательного Центра. Сертифицированный специалист Google Ad, Google Analytics, Facebook Ads (Media Buying).

Как установить и настроить пиксель Meta?

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

В этой статье описано, как настроить пиксель Meta и установить его на сайт. Подробнее о преимуществах установки пикселя Meta.

Если вы уже создали пиксель Meta и хотите найти его базовый код, перейдите к разделу Установка пикселя Meta на сайт и выполните инструкции по добавлению кода вручную.

Прежде чем начать

Как настроить пиксель Meta?

  1. Откройте Events Manager.
  2. Нажмите Подключить источники данныхи выберите Интернет.
  3. Выберите Пиксель Meta, а затем — Подключить.
  4. Укажите название пикселя.
  5. Введите URL сайта, чтобы узнать, возможна ли простая настройка.
  6. Нажмите Продолжить.

Установка пикселя Meta на сайт

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

Добавление кода пикселя на сайт вручную

  1. Откройте Events Manager.
  2. Нажмите Источники данныхв левой части экрана.
  3. Выберите нужный пиксель.
  4. Нажмите Продолжить настройку пикселя.
  5. Выберите Пиксель Meta, а затем — Подключить.
  6. Выберите Установить код вручную.
  7. Скопируйте базовый код пикселя.
  8. Найдите заголовок сайта либо шаблон заголовка в CMS или на веб-платформе.
  9. Вставьте код в конец раздела заголовка, прямо перед закрывающим тегом head.
  10. Нажмите Продолжить.
  11. Включите автоматический расширенный поиск совпадений и проверьте информацию о клиентах, которую хотите отправить (необязательно).
  12. Нажмите Продолжить.
  13. Добавьте события вручную или с помощью инструмента настройки событий.

Подробнее о том, как настроить события пикселя с помощью кода, можно узнать на сайте Meta for Developers.

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

  1. Откройте Events Manager.
  2. Нажмите Источники данныхв левой части экрана.
  3. Выберите нужный пиксель.
  4. Нажмите Продолжить настройку пикселя.
  5. Нажмите Использовать партнерскую интеграцию.
  6. Выберите партнера из списка.
  7. Следуйте инструкциям на экране.

Вы также можете настроить пиксель Meta, перейдя на страницу с партнерскими интеграциями в Events Manager. Выберите партнера и следуйте инструкциям на экране. Подробнее о преимуществах партнерских интеграций для настройки пикселя Meta.

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

Отправка инструкций по электронной почте

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

  1. Откройте Events Manager.
  2. Откройте вкладку Источники данныхв левой части экрана.
  3. Выберите нужный пиксель.
  4. Нажмите Продолжить настройку пикселя.
  5. Нажмите Отправить инструкции по электронной почте.
  6. Введите электронный адрес получателя.
  7. Нажмите Отправить в нижней части страницы.

Настройка событий

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

Один пиксель можно использовать для всего сайта, в том числе на нескольких страницах.

Если вы используете пиксель для отправки событий в Meta, рекомендуем также настроить API Conversions. Этот API взаимодействует с пикселем Meta и помогает таким образом повышать результативность и качество измерений ваших кампаний на платформах Meta. Подробнее об API Conversions.

Примечание. Apple требует, чтобы все приложения в App Store, которые выполняют "отслеживание" (по определению Apple), показывали пользователям iOS версии 14.5 и более поздних диалоговое окно с запросом разрешения на отслеживание через фреймворк AppTrackingTransparency. Это влияет на процессы получения и обработки событий, регистрируемых такими инструментами для бизнеса, как пиксель Meta. Если вы выполняете оптимизацию, настраиваете таргетинг или составляете отчеты о веб-событиях с помощью пикселя или других инструментов Meta для бизнеса, ознакомьтесь с инструкциями по настройке событий в приложении и подготовке к предстоящим обновлениям. Подробнее.

Как установить пиксель MyTarget самостоятельно

2.jpg

Форматы рекламы от MyTarget с примерами: подбор эффективного формата под конкретные цели, продукт и аудиторию.

Накрутка отзывов — где заказать, сколько стоит + ТОП сервисы

Зачем нужна накрутка отзывов? На каких площадках можно накрутить отзыв бесплатно. Лучшие сервисы для накрутки отзывов! Заработок на отзывах

Пиксель Facebook: пошаговая установка и настройка инструмента

Пиксель Facebook: пошаговая установка и настройка инструмента

Сергей Ломакин Редакция «Текстерры»

4 марта 2022 года Роскомнадзор решил заблокировать Facebook, а 11 марта 2022 – заблокировать Instagram. Если вы находитесь на территории России, скорее всего, обе соцсети для вас сейчас недоступны.

Но у нас есть несколько полезных материалов для вас.

(Для тех, у кого соцсети работают, – текст статьи ниже, под списком ссылок)

«Одноклассники»:

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

Что такое пиксель Facebook

Пиксель Facebook – это аналитический инструмент «Facebook Рекламы», который устанавливается прямо на сайт.

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

Facebook Pixel – объемный фрагмент JavaScript, который может выглядеть по-разному. Например, вот так:

Пиксель Facebook: пошаговая установка и настройка инструмента

Если вы настраиваете таргетированную рекламу в Facebook, вам необходим Pixel: именно он в связке с инструментами Facebook Ads Manager позволит вам отслеживать и оптимизировать конверсии, собирать список посетителей сайта, оптимизировать рекламу по конверсии, настраивать ретаргетинг и находить аудиторию look-alike.

Кроме этого инструмент позволяет:

  • узнать, как и для чего посетители используют ваш сайт;
  • проследить за кроссплатформенным продвижением и проанализировать его;
  • показать рекламу только тем посетителем сайта, которые с самой большой вероятностью совершат целевое действие;
  • запустить динамические объявления (вид объявлений, который показывается с учетом предыдущего поиска конкретного пользователя);
  • получить полную информацию о трафике и любым действиям на сайте.

Как работает Facebook Pixel

Принцип пикселя прост: каждая конверсия, совершаемая посетителем сайта, фиксируется и «передается» в ваш аккаунт Facebook Ads Manager.

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

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

Как создать пиксель Facebook

Открываем «Менеджер событий» Facebook (он же Events Manager). Чтобы работать с пикселем, нужен хотя бы один источник данных.

Чтобы подключить его, выбираем пункт:

Пиксель Facebook: пошаговая установка и настройка инструмента

Откроются настройки новых источников данных. Нам нужно выбрать «Интернет» и кликнуть по кнопке «Начать» в правом нижнем углу окна:

Пиксель Facebook: пошаговая установка и настройка инструмента

В открывшемся меню необходимо кликнуть «Пиксель»:

Пиксель Facebook: пошаговая установка и настройка инструмента

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

Теперь нужно указать название пикселя:

Пиксель Facebook: пошаговая установка и настройка инструмента

Имя будет использоваться только в Ads Manager, и оно нужно для нашего удобства.

Понадобится также ввести домен сайта:

Пиксель Facebook: пошаговая установка и настройка инструмента

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

Пиксель Facebook: пошаговая установка и настройка инструмента

Сразу получаем подробную инструкцию по установке:

Пиксель Facebook: пошаговая установка и настройка инструмента

Пиксель Facebook: пошаговая установка и настройка инструмента

Пиксель Facebook: пошаговая установка и настройка инструмента

Если же вы откажетесь устанавливать пиксель через партнерскую интеграцию, будет отображаться такое сообщение:

Пиксель Facebook: пошаговая установка и настройка инструмента

Кликнув по синей кнопке, мы сможем установить код вручную.

Как добавить пиксель на сайт самостоятельно

Возвращаемся в менеджер событий Facebook. Выбираем пункт «Продолжить настройку пикселя». Появится окно выбора способа установки. Выбираем первый вариант – добавить код вручную:

 

Пиксель Facebook: пошаговая установка и настройка инструмента

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

Пиксель Facebook: пошаговая установка и настройка инструмента

Важно: код нужно вставить в шаблон заголовка вашего сайта. В каждой CMS заголовок сайта формируется по-разному.

Например, в WordPress все заголовок генерируется системным файлом header.php. Если ваш сайт работает на движке WP, значит, редактировать нужно будет его. Посмотрим, как это сделать, далее.

WordPress

Отредактировать header.php можно прямо из админки WP: достаточно выбрать пункт «Редактор», который прячется в разделе «Внешний вид»:

Пиксель Facebook: пошаговая установка и настройка инструмента

На моем сайте используется тема Bimber, и хедер к ней находится здесь:

Пиксель Facebook: пошаговая установка и настройка инструмента

Вот так хедер выглядит на одном из моих сайтов:

Пиксель Facebook: пошаговая установка и настройка инструмента

В любой CMS фрагмент кода необходимо интегрировать сразу перед закрывающим тегом </head>:

Пиксель Facebook: пошаговая установка и настройка инструмента

Tilda

На «Тильде» добавить код пикселя проще всего. Достаточно открыть настройки сайта и выбрать «Аналитика»:

Пиксель Facebook: пошаговая установка и настройка инструмента

Остается вписать уникальный идентификационный номер вашего пикселя в поле Facebook Pixel:

Пиксель Facebook: пошаговая установка и настройка инструмента

ID пикселя вы найдете в базовом коде. Все цифры после fbq(‘init’ – это и есть ID вашего пикселя.

Выбираем «Опубликовать все страницы» в верхнем углу экрана.

Google Tag Manager и другие партнерские интеграции

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

Пиксель Facebook: пошаговая установка и настройка инструмента

Теперь нужно выбрать необходимую интеграцию. В нашем случае это Google Tag Manager:

Пиксель Facebook: пошаговая установка и настройка инструмента

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

Рассмотрим установку пикселя через Google Tag Manager подробнее. Сперва нас познакомят с автоматическими событиями и напомнят, что необходим доступ к Google-аккаунту:

Пиксель Facebook: пошаговая установка и настройка инструмента

Здесь можно активировать расширенный поиск совпадений (позволяет расширить ЦА):

Пиксель Facebook: пошаговая установка и настройка инструмента

Теперь нужно дать доступ установщику пикселя к вашему Google-аккаунту:

Пиксель Facebook: пошаговая установка и настройка инструмента

Если конкретнее, то нужны следующие разрешения:

Пиксель Facebook: пошаговая установка и настройка инструмента

Разрешения даны, продолжаем подключение аккаунта Google Tag Manager к Facebook:

Пиксель Facebook: пошаговая установка и настройка инструмента

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

Указываем доменное имя своего сайта и выбираем пункт открыть:

Пиксель Facebook: пошаговая установка и настройка инструмента

Откроется инструмент Facebook Event Setup Tool, который позволит настроить отслеживание URL или кнопки на странице:

Пиксель Facebook: пошаговая установка и настройка инструмента

О том, как пользоваться им подробнее, расскажу в разделах «URL» и «Кнопки».

Пиксель Facebook: пошаговая установка и настройка инструмента

Теперь можно протестировать работу пикселя. Для этого переходим на вкладку Test Events:

Пиксель Facebook: пошаговая установка и настройка инструмента

Отображается зеленый маркер: нам удалось связать Tag Manager с пикселем.

Отправка инструкций специалисту

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

Чтобы отправить инструкции другому человеку, откройте Event Manager. Выберите пункт «Настроить» и кликните «Отправить инструкции»:

Пиксель Facebook: пошаговая установка и настройка инструмента

Указываем e-mail и отправляем письмо с кодом:

Пиксель Facebook: пошаговая установка и настройка инструмента

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

Отслеживание событий и завершение настроек

Когда код будет добавлен на сайт, выбираем «Продолжить» в правом нижнем углу экрана:

Пиксель Facebook: пошаговая установка и настройка инструмента

. и активируем расширенный поиск, если нужно:

Пиксель Facebook: пошаговая установка и настройка инструмента

Снова кликаем «Продолжить». Откроется окно добавления событий. Здесь будем определять, что именно нужно отследить: URL или кнопку на странице.

Можно отслеживать кнопку или конкретный URL

Отслеживание URL

Вы можете отслеживать любую ссылку на своем сайте. Если вы не хотите редактировать код, выбирайте пункт «Открыть инструмент настройки событий»:

Пиксель Facebook: пошаговая установка и настройка инструмента

Сперва нужно будет указать URL своего сайта с установленным пикселем и выбрать «Открыть сайт»:

Пиксель Facebook: пошаговая установка и настройка инструмента

Ваш сайт откроется в новой вкладке. Обратите внимание на небольшой виджет в левом углу экрана. У вас он может быть как на английском, так и на русском языке:

Пиксель Facebook: пошаговая установка и настройка инструмента

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

  • добавление платежных данных;
  • добавление товара в корзину;
  • начало оплаты;
  • завершенная покупка;
  • просмотр контента и другие.

Пиксель Facebook: пошаговая установка и настройка инструмента

Чтобы отследить URL, выбираем «Track a URL». Копируем ссылку на сайт прямо из адресной строки браузера или кликая по необходимому объекту на странице и выбирая пункт «Копировать адрес ссылки». Вставляем ссылку сюда:

Пиксель Facebook: пошаговая установка и настройка инструмента

Кликнув по строке «Select an event» (это выбор типа события), вы откроете меню с доступными событиями:

Пиксель Facebook: пошаговая установка и настройка инструмента

Их довольно много:

Нужно выбрать событие, которое вы хотели бы отслеживать.

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

Пиксель Facebook: пошаговая установка и настройка инструмента

Теперь выбираем событие Lead:

Пиксель Facebook: пошаговая установка и настройка инструмента

Откроется окно с настройками отслеживания события:

Пиксель Facebook: пошаговая установка и настройка инструмента

Изменяем параметры отслеживания ссылки и устанавливаем «URL contains»:

Пиксель Facebook: пошаговая установка и настройка инструмента

Не забудьте вставить ссылку на страницу в поле «URL contains».

Устанавливать цену товара на странице нам не требуется, поэтому выбираем пункт «Don’t include value»:

Пиксель Facebook: пошаговая установка и настройка инструмента

Не забудьте подтвердить настройку в следующем окне:

Пиксель Facebook: пошаговая установка и настройка инструмента

Отслеживание кнопок

Facebook Event Setup Tool позволяет отслеживать не только конкретные URL, но и кнопки, которые есть на странице.

Какие отслеживают кнопки? Самый частые варианты – «Добавить в корзину» или «Подписаться».

Здесь следует быть осторожным: отслеживая только кнопку «Добавить в корзину» для определения конверсий, вы получите некорректные данные. Такая кнопка – это еще не гарантия совершенной покупки.

Если вы хотите, чтобы Pixel точно регистрировал именно завершенную транзакцию, разумнее настроить событие «Покупка» не на кнопку «Добавить в корзину», а сразу на страницу благодарности (страница, которая демонстрируется посетителю сайта после оплаты товара).

Приступаем к добавлению события. Открываем Ads Manager и логинимся в своем аккаунте. Нас интересует настройка новых событий:

Пиксель Facebook: пошаговая установка и настройка инструмента

Откроется окно настройки событий:

Пиксель Facebook: пошаговая установка и настройка инструмента

Если вас просят указать URL, добавляем доменное имя сайта, где используется пиксель и выбираем пункт – «Открыть сайт».

Откроется виджет Facebook Event Setup Tool. Вот пример уже настроенных событий на одном из моих сайтов:

Пиксель Facebook: пошаговая установка и настройка инструмента

У вас никаких событий не будет:

Пиксель Facebook: пошаговая установка и настройка инструмента

Выбираем «Отслеживать новую кнопку»: экран станет темнее, а внизу появится такое сообщение:

Пиксель Facebook: пошаговая установка и настройка инструмента

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

Пиксель Facebook: пошаговая установка и настройка инструмента

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

Событие для отслеживания добавлено:

Пиксель Facebook: пошаговая установка и настройка инструмента

После добавления событий выбираем пункт Finish Setup (или «Готово»).

Настройка отслеживания вручную

Если вы хотите самостоятельно отслеживание событий, выбирайте вариант «Установите событие с помощью кода»:

Пиксель Facebook: пошаговая установка и настройка инструмента

Откроется объемная справка на русском языке. Там вы сможете познакомиться со всеми типами событий, параметрами и настройками пикселя максимально полно.

При ручном добавлении пикселя на сайт убедитесь, что:

  • фрагмент кода пикселя в тегах <script> и </script> повторяет код, который вам предложил скопировать Event Manager;
  • код события указан между тегами <head> и </head>;
  • все функции / команды в коде прописаны в нужном регистре.

Правильное размещение кода события в пикселее. 1 —код хедера сайта; 2 – код пиксел»; 3 – код события

Различные типы событий Facebook Pixel

Facebook Pixel разделяет все события на 3 типа, каждый из которых отвечает за определенный тип действий.

Стандартные события

В 90 % случаях именно этот тип событий покроет ваши потребности в отслеживании конверсий. В основе стандартных событий лежат самые распространенные сценарии, приводящие к завершению конверсии. Это просмотр товара, поиск товара, завершение покупки.

Для отслеживания стандартных событий пиксель использует функцию fbq(‘track’) + название события + параметры.

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

Добавляется fbq(‘track’) между тегами <body> Место размещения – произвольное. Давайте взглянем на примеры.

Это трекер события «Покупка» (Purchase) c указанными параметрами (сумма товара + валюта):

Пиксель Facebook: пошаговая установка и настройка инструмента

Вы можете следить за выбранным событием с любыми поправками. Например, начать трекинг только после совершения покупки. В этом случае используем fbq(‘track’) на странице подтверждения заказа.

Нужно проследить за покупателем сразу после того, как он добавит товар в корзину? Настройте отслеживание fbq(‘track’) для кнопки «Добавить в корзину»:

Пиксель Facebook: пошаговая установка и настройка инструмента

Специально настроенные события

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

Специально настроенные, или кастомные события можно отслеживать при помощи функции fbq(‘trackCustom’).

Пример специально настроенного события:

Пиксель Facebook: пошаговая установка и настройка инструмента

Здесь мы будем следить за всеми посетителями сайта, которые распространяют сведения об определенной акции (‘ShareDiscount’) для получения скидки 10 % (share_discount_10 %).

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

Этот метод позволяет работать с пользовательскими аудиториями (с учетом кастомизированных событий) + отслеживать KPI рекламной кампании.

В основе этого способа лежит функция fbq(‘track’, ‘PageView’).

Как мы видим, для трекинга пиксель использует элементарное событие «Просмотр страницы» или PageView. При этом записываются абсолютно все URL, которые вызывают вышеуказанную функцию). Такие ссылки вы можете использовать в «Менеджере событий Facebook» для определения действий, которые вы хотите отслеживать.

Пример. Вы хотите редиректить пользователя, подписавшегося на email-рассылку, на новую страницу. Например, на страницу «Спасибо». В таком случае достаточно указать кастомизированную конверсию с URL, включающим анкор /thank-you. Такая страница на сайте должна быть только одна.

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

Параметры событий

Параметры можно вообще не трогать: следить за событиями можно и без них.

Однако если вам нужно будет уточнить аудиторию, использовать такие объекты необходимо.

Сам параметр-объект интегрируется в виде 3-го параметра функции fbq(‘track’), либо с помощью функции fbq(‘trackCustom’):

Здесь мы следим за пользователями сайта, которые уже приобрели определенные виды товаров. Обратите внимание: указан ID товара

Свойства событий

Чтобы вам было легче разобраться со свойствами всех объектов, я предлагаю сохранить эту таблицу и использовать ее по мере необходимости:

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

Не забывайте, что все параметры нужно форматировать в качестве простых JSON-объектов. При необходимости можно добавлять и кастомные свойства объектов.

Отраслевые ограничения на использование пикселя

Использовать автоматический инструмент настройки событий (он же Facebook Event Setup Tool) в 2021 году может далеко не каждая компания.

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

Все перечисленные компании должны кастомизировать события пикселя вручную.

Сколько пикселей нужно устанавливать на сайт

В подавляющем большинстве случаев одного пикселя будет достаточно.

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

Где смотреть события и статистику Facebook Pixel

Когда пиксель будет создан и добавлен на сайт, необходимо убедиться, что он функционирует правильно. Всю статистику пикселя вы увидите в менеджере событий (Events Manager). Вы также можете воспользоваться инструментом «Тестирование событий», который позволит протестировать корректность работы пикселя на вашем сайте:

Пиксель Facebook: пошаговая установка и настройка инструмента

Он позволит протестировать не только события браузера, но и события сервера:

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *