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

Содержание

Возможности специально настроенных конверсий

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

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

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

Для начала переходим в Events Manager и идем на вкладку «Специально настроенные конверсии».

Нажимаем на кнопку «Создать специально настроенную конверсию».

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

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

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

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

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

Алгоритм 

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

Фильтрация событий 

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

Пример 

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

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

fbq(‘track’, ‘AddToCart’, {value: 2500, currency: «RUB»}

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

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

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

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

Настройка пикселя в Google Tag Manager

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

Создание тега

8. Для создания тега необходимо создать конфигурацию тега и триггер. Для начала создадим конфигурацию. Нажимаем на соответствующую рамку «Конфигурация тега». В выпадающем списке находим тип группы «Специальные» и выбираем «Пользовательский HTML». Данный тип тега позволит разместить HTML-код на странице сайта, например наш созданный пиксель.

Пользовательский HTML

9. Далее появится окно для вставки кода. Нажимаем на текстовое поле и вставляем скопированный код пикселя. После чего нам предстоит создать триггер. Жмем на рамку «Триггеры».

Вставка JavaScript-код

10. Чтобы код срабатывал на всех страницах сайта, необходимо создать условие, при котором JS-код будет срабатывать при просмотре страницы. Соответственно, по умолчанию, выбираем триггер «All Pages», он позволяет выполнить нужное действие.

Выбор триггера

11. Настройка почти завершена, осталось сохранить созданный тег и опубликовать его на сайте.

Сохранение тега

Отправка тега на сайт

Публикация тега на сайте

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

Установка пикселя Facebook непосредственно в код страниц сайта

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

Если в вашем рекламном аккаунте еще нет пикселя, у вас откроется окно, в котором нужно нажать кнопку Создать пиксель (Facebook постоянно вносит обновления, поэтому внешний вид окна может отличаться, но суть остается неизменной).

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

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

В открывшемся окне мы увидим поле с базовым кодом пикселя Facebook. Копируем его, вставляем в файл .txt и сохраняем.

После этого мы устанавливаем сохраненный код на все страницы сайта, которые хотим отслеживать. Согласно рекомендации Facebook, код пикселя должен располагаться в разделе заголовка, перед закрывающим тегом </head>. Это обеспечивает высокую точность статистики, так как коды, установленные в разделе заголовка, загружаются первыми.

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

Способ установки пикселя Facebook непосредственно в код сайта обеспечивает высокую точность статистики и является довольно распространенным, но у него есть потенциальный минус – обилие различных скриптов (счетчиков Яндекс Метрики, Google Analytics и т.д., в том числе пикселя Facebook и его событий) в коде страниц может влиять на скорость их загрузки.

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

Важно! При создании пикселя вам потребуется сразу выбрать, какие конверсии будут настраиваться, так как в уже созданном пикселе создать их нельзя. Соответственно, потребуется в самом начале создания счетчика выбрать все конверсии, которые вы будете учитывать, и уже после переходить ко остальным настройкам

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

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

Рекомендую выбрать Custom Event: это позволит создавать любой вид конверсий, где можно при помощи простого конструктора использовать следующие типы целей:

  • Form Submission;
  • Download Button Click;
  • Consultation;
  • Product Details Page Browse;
  • Add to Cart;
  • Complete Payment;
  • Place an Order;
  • Consultation;
  • User Registration;
  • Details Page Browse (Consultation);
  • Button Click (Consultation);
  • Details Page Browse (Form);
  • Button Click (Form).

При создании цели необходимо выбрать тип учета конверсий, который может быть Every или Once (каждый или единичный). По умолчанию Once будет учитывать всего одну конверсию во время визита независимо от того, сколько раз она будет выполнена. В случае с Every будет учитываться каждая из нескольких конверсий, которые совершит пользователь во время визита.

Для установки цели сейчас можно использовать всего два типа активации:

  • просмотр страницы;
  • клик по элементу.

Цель при переходе на страницу

Для этой конверсии достаточно выбрать Page URL и один из типов соответствия:

  • Contains (содержит);
  • Equals (равно);
  • Does not contain (не содержит).

После этого вводим адрес страницы, например, контактов.

Клик по элементу

Настройка выполняется через простой редактор, в котором нужно ввести URL страницы.

Важно! В редакторе используется мобильная версия сайта. После кликаем на Click Events

После кликаем на Click Events.

Добавляем правило (Add Rule).

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

Особенности учета

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

В этом случае можно:

  1. После отправки формы перенаправлять пользователя на страницу «Спасибо». Не лучшее решение, но позволит учитывать только пользователей, успешно заполнивших форму.
  2. Использовать нижний уровень конверсии. Например, есть страница товара с кнопкой «Купить в один клик», после нажатия на которую открывается форма, которую надо заполнить и отправить. В этой ситуации рекомендуется использовать именно клик по элементу (кнопке).

Настройка событий через партнерские интеграции

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

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

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

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

Более сложные события через Google Tag Manager

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

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

Для их фиксации конверсии необходимо использовать более сложные правила. И в этом случае лучше использовать Google Tag Manager. Давайте разбираться на примере.

Переходим в Ads Manager, кликаем на «Настроить» — «Новые события», но далее переходим на «Добавить код вручную».

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

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

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

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

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

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

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

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

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

Вводим нужный event — lead.

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

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

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

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

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

Сохраняем тег.

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

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

События и их настройка

Важно понимать: одной установки Пикселя на сайт недостаточно, нужно настроить События. События – это различные действия на сайте, которые для нас важны и мы хотим их отслеживать, чтобы и мы и Facebook понимали, что происходит с пользователями, которые приходят на сайт

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

Типы событий

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

Рекомендуется их использовать, они более важны.

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

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

Примеры стандартных событий (часто настраиваемые):

  • Лид (получение заявки с сайта).
  • Завершенная регистрация (например, регистрация на вебинар).
  • Покупка (если человек сделал на сайте не просто заявку, а оформил заказ).
  • Запись (на прием, консультацию).

Примеров очень много, особенно для ecommerce-проектов (просмотр карточки товара, добавление товара в корзину, начало оформления заказа и т.д.).

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

События для ecommerce-проектов

Для таких проектов необходимо больше всего настраивать.

Есть 3 обязательных события, без которых нельзя:

  • Просмотр контента (карточки товара).
  • Добавление (товара) в корзину.
  • Покупка (товаров).

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

Помимо самих событий нужно в этих событиях настроить передачу дополнительных свойств через параметры:

  • content_ids – передает IDs товаров (например, при просмотре карточки товара или поиске по каталогу).
  • contents – передает не только IDs товаров, но и количество приобретенного товара (например, при покупке).
  • content_type – тип страницы (‘product’ или ‘product_group’).
  • currency – валюта.
  • value – стоимость.

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

Стандартные события могут настраиваться разными способами.

  • При установке Пикселя через партнерскую интеграцию события должны быть настроены автоматически.
  • При использовании Google Tag Manager события следует настраивать через него. Нужно там создавать триггеры и там прописывать небольшие кусочки кода, это все есть в справке.
  • При установке Пикселя напрямую в исходный код события настраиваются так же вручную.
  • Некоторые CMS поддерживают некоторые стандартные события. Например, Tilda по умолчанию автоматически отправляет событие «Лид» при успешной отправке любой формы. Если это не нужно, в настройках можно поменять.

Специально настроенные события можно настраивать двумя способами:

  • Правило на основе URL посещенной страницы.
  • Правило на основе параметра события.

Для того чтобы фильтровать какие-то стандартные события, например, нужно в отдельное событие вынести не все стандартные события, а только те, которые выполняют определенные условия. Настраивается это просто.

В следующем уроке расскажем, как подготовиться к запуску рекламы с точки зрения рекламных офферов, как правильно их формировать, как создавать креативы, как работать с динамическими креативами Facebook Ads.

Чтобы не пропустить новые видео, подписывайтесь на наш Телеграм-канал, все новые уроки будут там анонсированы.

Оставайтесь на связи! 

Как применять пиксель к ранее созданным Аудиториям

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

А теперь давайте разберемся, как создать объявление для нашей аудитории с исключением аудитории

Переходим в меню рекламного кабинета в раздел «Рекламные кампании», кликаем на «Создать объявление».

Далее выбираем то, что вы будете рекламировать, к примеру, пост в сообществе.

Копируем ссылку поста, вставляем. Затем нажимаем на кнопку «Продолжить», настраиваем необходимые нам параметры и в «Дополнительные параметры» в поле «Аудитория ретаргетинга» выбираем интересующую нас аудиторию, а в поле «За исключением» выбираем аудитории, на которые наша реклама показываться не должна – посетители страницы thanks.

Все, ждем, пока Аудитории доберут 100 человек и ваша реклама заработает.

Как собирать аудиторию с помощью пикселя

В Events Manager, на странице Источники данных, перейдите в созданный пиксель. Затем нажмите на маленькую стрелку кнопки «Создать», что в верхнем правом углу. Откроется дополнительное меню с функциями.

Создание пользовательской аудитории

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

Вы просто заполняете форму:

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

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

Создание похожей аудитории

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

Как и в первом случае, нужно заполнить шаблон в «Источниках данных»:

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

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

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

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

Собрав аудитории, вы сможете выборочно работать с ними. К примеру, настроить на них таргетинг.

Представим такую ситуацию:

  • клиенты перешли на сайт с установленным пикселем;
  • добавили товары в корзину, но покупку не совершили;
  • код Pixel активировался и зарегистрировал действия пользователей.

Ваши действия:

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

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

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

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

Рекомендую выбрать Custom Event: это позволит создавать любой вид конверсий, где можно при помощи простого конструктора использовать следующие типы целей:

  • Form Submission;
  • Download Button Click;
  • Consultation;
  • Product Details Page Browse;
  • Add to Cart;
  • Complete Payment;
  • Place an Order;
  • Consultation;
  • User Registration;
  • Details Page Browse (Consultation);
  • Button Click (Consultation);
  • Details Page Browse (Form);
  • Button Click (Form).

При создании цели необходимо выбрать тип учета конверсий, который может быть Every или Once (каждый или единичный). По умолчанию Once будет учитывать всего одну конверсию во время визита независимо от того, сколько раз она будет выполнена. В случае с Every будет учитываться каждая из нескольких конверсий, которые совершит пользователь во время визита.

Для установки цели сейчас можно использовать всего два типа активации:

  • просмотр страницы;
  • клик по элементу.

Цель при переходе на страницу

Для этой конверсии достаточно выбрать Page URL и один из типов соответствия:

  • Contains (содержит);
  • Equals (равно);
  • Does not contain (не содержит).

После этого вводим адрес страницы, например, контактов.

Клик по элементу

Настройка выполняется через простой редактор, в котором нужно ввести URL страницы.

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

После кликаем на Click Events.

Добавляем правило (Add Rule).

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

Особенности учета

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

В этом случае можно:

  1. После отправки формы перенаправлять пользователя на страницу «Спасибо». Не лучшее решение, но позволит учитывать только пользователей, успешно заполнивших форму.
  2. Использовать нижний уровень конверсии. Например, есть страница товара с кнопкой «Купить в один клик», после нажатия на которую открывается форма, которую надо заполнить и отправить. В этой ситуации рекомендуется использовать именно клик по элементу (кнопке).

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

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

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

1. Для этого снова перейдите в Google Tag Manager.

2. Выберите «Переменные» и жмите «Создать»:

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

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

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

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

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

Как используется

Рассмотрим пример работы пикселя на сайте банка. Ставим веб-пиксель на каждой странице сайта, добавив к нему тег в соответствии с содержимым страницы — «кредитные карты», «ипотека», «автокредитование» и прочее. Теги формируют базу интересов каждого конкретного ID, а значит, и ответ на вопрос «Что нужно вашим клиентам в конкретный момент времени?».

Допустим, пользователь планирует взять ипотеку. Он указывает информацию о первом взносе, сроке кредитования, ежемесячном платеже и проходит регистрацию, но что-то его останавливает. Благодаря данным, которые передаёт пиксель, мы понимаем, на каком этапе у клиента возникают сомнения. Чтобы подтолкнуть его к завершению сделки, автоматически собирается письмо со специальными условиями оформления ипотеки и отправляется адресату. Банк знает, что интересно конкретному пользователю, и отправляет уникальные предложения. Клиент, в свою очередь, чувствует заботу и персональный подход, что влияет на его выбор.

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

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

Устанавливаем пиксель ВКонтакте на сайт традиционным способом или через Google Tag manager

Традиционный способ

Традиционный способ выглядит следующим образом. Скопированный код пикселя ВКонтакте вам необходимо вставить между тегами head и /head в коде своего сайта

При этом обратите внимание, что он должен быть на каждой странице вашего сайта, чтобы пиксель корректно собирал информацию

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

Google Tag manager

Теперь разберемся, как можно установить пиксель ВКонтакте через Google Tag manager или Диспетчер тегов от Google.

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

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

А на примере установки нашего пикселя ВКонтакте давайте посмотрим, как это просто, быстро и удобно делать с Google Tag manager.

Заходим в Google Tag manager и идем в нужный аккаунт, привязанный к интересующему нас сайту.

В меню кликаем пункт «Теги». В открывшемся окне жмем на кнопку «Создать».

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

В открывшемся поле HTML вставляем наш код пикселя ВКонтакте и открываем ниже «Расширенные настройки».

В «Настройках активации тега» выбираем «Один раз на страницу».

Затем кликаем в поле «Триггеры». В открывшемся списке выбираем «All pages».

Далее вам необходимо дать название вашему тегу и кликнуть на кнопку «Сохранить».

В открывшемся окне кликаем на кнопку «Опубликовать».

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

Все, ваш пиксель ВКонтакте, установленный через Google Tag manager, на сайте.

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

Разместили ли вы пиксель ВКонтакте на сайте традиционным способом или через Google Tag manager, сигналом того, что он у вас работает будет статус в рекламном кабинете ВКонтакте «Работает».

Пиксель Facebook — стандартные события

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

Стандартные события включают следующие варианты:

Поиск

Просмотр материалов

Добавление в корзину

Добавление в список желаний

Начало оформления заказа

Добавление платежной информации

Покупка

Лид

Завершение регистрации

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

Это важно для динамических объявлений, которые мы рассмотрим ниже.. На первый взгляд это выглядит очень сложно

И не факт, что события вообще вам понадобятся. Вместо этого вы можете использовать…

На первый взгляд это выглядит очень сложно. И не факт, что события вообще вам понадобятся. Вместо этого вы можете использовать…

3. Пиксель Facebook — индивидуально настроенные конверсии

Поскольку пиксель установлен на вашем веб-сайте, Facebook знает кто зашел на ваш сайт и какую страницу он посетил. Если у вас после покупки/регистрации/подписки человек переходит на определенную страницу, то вы можете просто указать ее URL-адрес.

Тогда при попадании человека на эту страницу будет засчитана конверсия.

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

4. Пиксель Facebook — отслеживание конверсий

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

Теперь, при создании любого объявления, вам нужно говорить Фейсбуку, чтобы он отслеживал каждую конверсию ваших рекламных кампаний. Я не знаю включали ли вы этот пункт в своей рекламе ранее; теперь будете иметь в виду (в самом конце создания рекламных объявлений):

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

Поэтому вам надо вручную настроить отображение этих данных.

Для стандартных событий:

Для индивидуально настроенных конверсий:

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

5. Пиксель Facebook — оптимизация конверсий

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

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

Фишка оптимизации за конверсии состоит в том, что когда на сайте установлен пиксель и Facebook понимает, когда осуществилась конверсия, то он начинает искать таких же людей, которые с большей вероятностью сконвертируются на вашем сайте. Соответственно, ваши объявления будут показываться «правильным» людям из вашей ЦА.

6. Пиксель Facebook — динамическая реклама

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

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

С помощью пикселя и стандартных событий вы можете создавать шаблоны динамических объявлений…

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

Заключение

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

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

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

Что такое пиксель Facebook и зачем он нужен

Пиксель — это фрагмент кода на языке JavaScript. Его можно найти в соответствующем разделе Events Manager.

Код пикселя необходимо установить внизу заголовка раздела сайта перед тегом </head>. Для корректной работы нужно разместить код на всех страницах сайта.

Как выглядит код и где его нужно установить

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

Какие данные собирает пиксель:

  • просмотры всех страниц и ключевых, например, страницы с каталогом, продуктом и т. п.;

  • поисковые запросы;

  • добавление продукта в корзину, избранное, список желаний и т. д.;

  • начало оформления заказа;

  • добавление платежных данных при оформлении заказа;

  • завершение оформление заказа, совершение покупки;

  • отправку формы заявки, получение пробной версии продукта и т. д.;

  • завершение регистрации.

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

Как работает пиксель

Чтобы отслеживать поведение пользователей, пиксель устанавливает соответствие между посетителем сайта и его учетной записью в Facebook или Instagram. Для идентификации пользователей пиксель использует основные и сторонние cookie-файлы — короткие фрагменты кода, которые хранятся в интернет-браузерах. Вся собранная информация о действиях пользователей передается в Facebook.

После выхода новой iOS 14.5 рекламодатель должен получить от пользователей приложений из AppStore разрешение на отслеживание данных. Если пользователь откажется от отслеживания, собирать его данные с помощью пикселя будет невозможно.

Откуда появилось название «Pixel»?

Когда браузер блокирует пиксельные скрипты, он не может правильно регистрировать пользовательские данные. Однако в конце кода есть несколько строк, которые не позволяют этому произойти. Когда код заблокирован, скрипт в тегах <noscript></noscript> размещает невидимую графику в виде пикселя с высотой и шириной равными одному пикселю. Когда отображается это микро-изображение, информация будет отправлена в Facebook.

Пиксель это одно, а каковы его события?

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

Эти типы ДЕЙСТВИЙ на странице позволяют измерять пиксельные события. Это дополнительные коды, размещенные на определенных страницах или кнопках веб-сайта (лично я считаю их дочерними элементами пикселя — меньше, чем сам пиксель и разбросанными по всему сайту).

Примеры событий, которые начинаются после загрузки страницы:

Пример событий, размещенных на кнопках:

  • Добавить в корзину (AddToCart) — когда кто-то добавил товар в корзину, нажав кнопку.
  • Контакт (Лид) — отправляет информацию о переведенном лиде после нажатия кнопки «Отправить» в контактной форме.
  • Подписаться — одним нажатием кнопки, которая включает подписку.

В большой степени это зависит от структуры страницы — если, например, после отправки формы на вашем сайте URL страницы не изменится и появится только сообщение о отправке сообщения, вы сможете установить событие Lead только на кнопку «отправить».

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