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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Встраивание Пиксель Фэйсбук на сайт

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

Таким образом, есть 2 основных шага:

1. Создание пиксель Facebook

Первым шагом является создание Пиксель Фэйсбук. Для этого выполните следующие действия:

  1. Посетите менеджер мероприятий на Facebook здесь. Вы также можете получить к нему доступ через меню в своей личной рекламной учетной записи или в учетной записи Facebook Business Manager.
  2. Нажмите кнопку «Подключить источники данных».
  3. Выберите «Интернет».
  4. Щелкните кнопку «Пуск».

Создание Пиксель Фэйсбук

  1. Выберите «Facebook Pixel» и нажмите «Подключиться».

Метод подключения пикселя Facebook

  1. Введите имя пикселя (для будущей идентификации).
  2. Введите адрес веб-сайта для тестирования и внедрения и нажмите «Продолжить».

Пиксель Фэйсбук — добавить детали

Здесь вы создали ваш пиксель, теперь вам нужно установить его на сайт, как описано ниже.

Другой способ: вы также можете создать пиксель, зайдя в Бизнес-менеджер и щелкнув «Пиксели» в меню «Источники данных». Там нажмите кнопку «Добавить», введите имя и URL-адрес.

1. Ручная установка

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

  • Нажмите кнопку «Копировать код» и нажмите «Продолжить».
  • Выберите, хотите ли вы включить «Автоматическое расширенное сопоставление». Это безопасно отправляет информацию о клиентах, чтобы найти людей, у которых есть Facebook. Нажав Да, вы можете выбрать, какую информацию отправлять.
  • Затем нажмите «Продолжить».
  • Позже вы можете использовать инструмент настройки событий без необходимости использования кода (менее рекомендуется).

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

2. Установка с помощью плагина

Другой способ — установить через плагин Facebook для веб-сайтов или сайтов электронной коммерции.

Для этого нажмите «Использовать интеграцию партнеров»:

  • Выберите издателя (инструменты и сервисы), например WordPress, WooCommerce, Wix, Drupal, Google Tag Manager и другие.
  • Выполните следующие шаги.
  • Фактически, вам нужно будет добавить плагин на свой сайт.

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

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

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

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

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

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

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

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

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

Настройка пикселя на других сайтах

Как настроить пиксель на Тильде

Интегрировать Facebook Pixel с сайтом можно двумя способами: вставкой кода и вставкой ID пикселя в настройки. ID можно скопировать на главной странице (Overview) пикселя. После чего вставить его в настройках сайта → Аналитика → Facebook Pixel, сохранить и переопубликовать страницу.

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

Далее следует перейти на Тильду в Настройки сайта → Еще → Вставка кода в Head. После вставки кода нажать «Сохранить» и переопубликовать все страницы.

После этого нужно снова зайти в Facebook и нажать «Готово». Тильда начнет автоматически передавать события Lead и InitiateCheckout в пиксель Фейсбука. Для трекинга конверсии других событий или действий на сайте, необходимо внести в интегрируемый код дополнительные изменения.

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

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

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

В окне, которое открылось указываются название пикселя, домен, данные и тематика сайта, после чего сформированный код нужно скопировать и вставить на сайт между тегами head и /head.

Если ваш сайт под управлением CMS WordPress можно воспользоваться специальными плагинами, такими как Head, Footer and Post Injection. Кроме того, пиксель можно добавить при помощи уже известного нам Google Tag Manager.

Через пару минут проверьте статус в рекламном кабинете. Если работа проделана правильно, система сообщит об отсутствии ошибок и работающем коде.

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

Чтобы установить Pixel на страницу Taplink необходимо указать его ID в разделе Настройки — «Общие» и нажать на кнопку «Сохранить изменения». Указывать HTML код отдельно необязательно, достаточно лишь ID пикселя.

Стоит помнить, что настраивать события не нужно, ведь Taplink изначально настроен так, чтобы при каждом нажатии на ссылки или мессенджеры отправлять события в Facebook. Более того, система отправляет все стандартные события для ecommerce, такие как: «Новая заявка (лид)», «Добавление товара в корзину», «Начало оформления заказа» и «Успешная оплата». Чтобы проверить работу пикселя можно использовать расширение Facebook Pixel Helper.

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

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

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

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

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

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

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

Banner

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вопрос 2. Уже всё попробовал, но пиксель все равно сбоит

Установите помощник по пикселям Facebook — это инструмент, который позволяет проверить, правильно ли работает пиксель Facebook. С его помощью можно:

  • проверить, работает ли пиксель правильно;
  • найти и устранить распространённые ошибки;
  • узнать, как повысить результативность.

Помощник пикселя Facebook — это плагин для Google, а скачать и установить его можно магазине приложений.

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

Да, кстати, как признак того, что вы установили код пикселя правильно, у вас должна появиться надпись loaded suсcesfully с зелёной полосой. Ошибки же в свою очередь будут выделяться красным.

Весь перечень ошибок и указан в справочном центре Facebook. Желательно, чтобы у вас было какое-никакое знание английского, так как почти вся информация на забугорном.

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

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

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

Важно понимать: одной установки Пикселя на сайт недостаточно, нужно настроить События. События – это различные действия на сайте, которые для нас важны и мы хотим их отслеживать, чтобы и мы и 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.

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

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

Why should you install the Facebook pixel?

Increase the ROI on your Facebook ad spend

Facebook pixel data helps ensure your ads are seen by the people who are most likely to take your desired action. This allows you to improve your Facebook ad conversion rate and get better ROI.

Even if you’re not using Facebook or Instagram ads yet, you should install the Facebook pixel now. It will start collecting data right away so that you don’t have to start from scratch when you’re ready to create your first Facebook ad.

Use Facebook conversion tracking

The Facebook pixel allows you to see how people interact with your website after viewing your Facebook ad.

You can even track customers across their devices. This is why I saw an ad for the bathmat on my laptop, even though I added to it the shopping cart on my phone.

This lets you see if people tend to see your ads on mobile but switch to a desktop before buying. Or, maybe it’s the other way around. This information can help you refine your ad strategy and calculate your return on investment.

This Facebook pixel function is impacted by the iOS 14.5 change, but Facebook will ensure advertisers still get some conversion tracking data through its Aggregated Event Measurement.

To ensure you continue to get the best conversion tracking data, you need to verify your website domain. You also need to stick to one domain for conversion tracking, since iOS 14.5 won’t allow tracking across multiple domains.

Use Facebook retargeting

Facebook retargeting pixel data and dynamic ads allow you to show targeted ads to people who have already visited your site. You can choose to get really granular here.

For example, you can show people an ad for the exact product that they abandoned in a shopping cart or added to a wishlist on your website – as happened with the bathmat I was ogling earlier.

Retargeting audiences will shrink as more people update to iOS 14.5. But they won’t disappear..

Create lookalike audiences

Facebook can use its targeting data to help you build a lookalike audience of people who have similar likes, interests and demographics to people who are already interacting with your website. This can help expand your potential customer base.

iOS 14.5 will affect the input data for lookalike audiences, because the tracked audience the lookalike is based on will shrink. However, because iOS users are in the minority, the lookalike functions will still have plenty of information to work with. You won’t likely notice a major change to functionality here.

Optimize Facebook ads for value

As Facebook collects data on who buys from your site and how much they spend, it can help optimize your ad audience based on value. That means it will automatically show your ads to the people who are most likely to make high-value purchases

Возможности пиксель Facebook

Пиксель по своей сути — это изображение размером в 1px. Он размещен в коде сайта и регистрирует происходящие на нем события — от посещения веб-страницы и до целых цепочек действий, в зависимости от установленных вами правил. Все данные, собранные в такой способ, могут быть использованы в рекламе для отслеживания конверсий на вашем сайте, оптимизации и ретаргетинга.

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

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

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

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

Cоздание индивидуально настроенных аудиторий или ретаргетинг

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

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

Самые распространённые вопросы о работе с пикселем

Вариант решения 0. Ставим тот же самый пиксель

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

Вариант решения 1. Новый кабинет — новый пиксель

Открываем второй рекламный кабинет и создаём там новый пиксель. В итоге: два кабинета, два пикселя, два сайта. Некоторые спецы рекомендуют этот метод как наиболее простой, так как он позволяет избежать возможной путаницы при настройке нового пикселя и отчасти гарантирует, что у вас точно получится закрепить пиксель к новому сайту. Минус — нужен второй аккаунт или создание Business Manager.

Вариант решения 2. «Делимся пикселем»

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

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

1. Перейдите в Business Manager.
2. Нажмите «Настройки».
3. Нажмите «Пиксели».

  • Чтобы поделиться своим пикселем с отдельными аккаунтами, нажмите «Назначить рекламные аккаунты», выберите рекламные аккаунты и нажмите «Сохранить изменения».
  • Чтобы поделиться пикселем с агентством, нажмите «Назначить партнёра», введите идентификатор компании агентства и нажмите «Подтвердить». Идентификатор компании указан под вкладкой «Информация» в настройках Business Manager агентства.

Помните, что те, с кем вы делитесь пикселем, смогут посмотреть всю информацию о вашем пикселе в Ads Manager.

Чтобы перестать делиться пикселем Facebook.

1. Перейдите в Business Manager.
2. Нажмите «Настройки».
3. Нажмите «Пиксели».
4. В разделе «Назначенные рекламные аккаунты» или «Назначенные партнёры» нажмите крестик (x) рядом с аккаунтом или агентством, с которыми вы больше не хотите делиться пикселем.
5. Нажмите «Удалить рекламный аккаунт» или «Удалить партнёра».

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

How Does the Facebook Pixel Work?

We’re going to get technical for a minute here. It won’t be painful – there will be lots of pictures and not a lot of jargon. But if you want to skip ahead to How to Install Facebook Pixel or How Do You Target People With the Facebook Pixel, no hard feelings.

Still here? Great. Now, let’s do some shopping!

We’re going to visit two stores today. The first is Esprit. The other is Nike. There is nothing unusual about these stores; they are simply being used to represent ecommerce in general. To be sure, neither Esprit nor Nike are doing anything unusual or sinister with their tracking and advertising. They’re just clothing stores going about their business and using Facebook pixel tracking to reach frequent visitors.

Let’s find something on Esprit. Oh, yeah – this white and blue sweater is nice:


And here is all the Facebook-related code spinning in the background:


The Facebook Pixel will know when we add the sweater to our cart:


Of course, we’ll never squeeze into that slim-fit sweater if we don’t stay in shape. So let’s head over to Nike for some new running gear, including these running pants:


Like Esprit (and every other ecommerce store), Nike has plenty of Facebook code keeping track of our visit:


But that won’t stop us from adding the item to our cart:

Итоги

Facebook Pixel предоставляет расширенные возможности для отслеживания событий и более конкретной оптимизации конверсии рекламы. Большинство понимает его ценность, как и то, насколько Google Tag Manager помогает в работе с пикселем, однако, мало кто углубляется до уровня работы с параметрами. Мы часто используем параметры к событиям при работе над проектами клиентов, поскольку это позволяет не только эффективно достигать результатов, но и максимально персонализировать коммуникационную стратегию. Чем подробнее данные мы имеем, тем точнее мы будем попадать в инсайты ЦА. За детализацию данных как раз и отвечают параметры.

Используйте параметры в своей работе, задавайте ваши вопросы и не забывайте подписываться на наш Messenger чат-бот и Telegram канал, чтобы не упустить наши следующие материалы!

Хотите получить консультацию по вашему проекту? Заполните форму и наш специалист по рекламе свяжется с вами
Оставить заявку