PPC
1747728900
RU

Як встановити піксель Facebook і Instagram — відстеження цільових дій
187
4
29
Маргарита Литвинчук

Серед інструментів Meta один виділяється своєю універсальністю і може стати невіддільною частиною рекламної стратегії для бізнесу. Meta Pixel сприяє збільшенню продажів, охопленню найбільш релевантної аудиторії й відстеження результатів, котрих досягає ваша рекламна кампанія.

Зі статті ви дізнаєтеся, що таке Meta Pixel і як його налаштувати.

Що таке піксель і чому він важливий для реклами

Піксель — невеликий фрагмент коду (Meta Pixel Code), котрий дозволяє аналізувати дії користувачів на сайті й сприяє вимірюванню ефективності реклами на платформі Meta.

Цей код допомагає зрозуміти, як краще оптимізувати рекламні кампанії та збирає різноманітну поведінкову інформацію про користувачів. 

Навіщо використовувати Meta Pixel

Кожну взаємодію користувача з вашим сайтом, як-от перегляд сторінки, додавання товару в кошик чи здійснення покупки Meta Pixel фіксує у вигляді події. Вони містять важливу інформацію про поведінку відвідувачів, що зберігається і передається до рекламного кабінету Meta.

Спираючись на ці дані, ви можете вручну створювати ЦА для показу реклами, орієнтуючись на конкретні дії користувачів. Наприклад, ці дані дозволяють формувати «схожі аудиторії» (Lookalike) — це групи нових користувачів, які мають подібні характеристики або поведінкові моделі до тих, хто вже взаємодіяв із вашим сайтом.

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

Також він дозволяє оптимізувати рекламний бюджет. Ви обираєте ЦА, а потім спрямовуєте на неї рекламну кампанію, що забезпечує збільшення конверсій.

На кого можна налаштувати рекламу

Розміщуючи рекламу на Facebook, ви не можете націлюватися на окремого відвідувача. Натомість ви створюєте спеціальні аудиторії на основі спільної поведінки. Зокрема, за допомогою Meta Pixel ви зможете робити спеціальні аудиторії з сайту, що дають вам додаткові можливості для оптимізації кампанії.

Спеціальні аудиторії сайту — це спосіб показувати рекламу людям, які вже цікавилися вашим бізнесом. Завдяки Meta Pixel для відстеження відвідувачів сайту ви створюєте націлену рекламу для показу цій аудиторії. 

Наведу приклади.

  1. Відвідувачі сайту, які заходили протягом останніх 180 днів.
  2. Найактивніша аудиторія, що проводить на сайті найбільше часу.
  3. Користувачі, котрі виконали певну цільову дію на сайті.
  4. Відвідувачі конкретних сторінок.

Як налаштувати Meta Pixel

В одному акаунті Facebook Business Manager можна створити до 100 пікселів. Це дає можливість керувати кількома сайтами або різними бізнес-лініями з окремими пікселями для кожного з них. Більшість бізнесів можуть обійтися одним Meta Pixel — це полегшує роботу фахівця й дає точніші та корисніші дані для оцінки ефективності реклами.

Для створення і підтвердження пікселя необхідно мати права доступу рівня адміністратор до Facebook Business Manager. Адміністратори створюють і керують новими пікселями, дають доступи іншим користувачам для використання пікселя в РК.

Створення Meta Pixel в Event Manager

Ось алгоритм налаштування.

  1. Зайдіть в Ads Manager. На лівій боковій панелі перейдіть за кнопкою Event Manager. 

    Зайдіть в Ads Manager
  2. Оберіть проєкт, для якого створюєте піксель.

    Оберіть проєкт, для якого створюєте піксель
  3. На лівій боковій панелі оберіть «Джерела даних» (Data sources).

    На лівій боковій панелі оберіть «Джерела даних»
  4. Ви на сторінці з ресурсами, де створюється піксель. Натисніть у лівому кутку зелений плюсик. 

    Ви на сторінці з ресурсами, де створюється піксель
  5. Оберіть тип вашого ресурсу. В мене наразі сайт.

    Оберіть тип вашого ресурсу
  6. Назвіть наш ресурс. Готово!

    Назвіть наш ресурс

Встановлення коду пікселя на сайт

Наступний етап — додавання коду пікселя на сайт. 

Для цього є кілька способів: 

  • ручне встановлення коду на сайт;
  • через партнерів (одним з них є GTM);
  • відправити інструкцію розробнику на пошту.

Якщо ви обираєте ручне встановлення коду пікселя, потрібно вставити його між тегами <head> на всіх сторінках вашого сайту, де плануєте відстежувати події.

Приклад коду, який можна використовувати при встановленні на сайт і GTM.

<!-- Meta Pixel Code -->

<script>

!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?

n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;

n.push=n;n.loaded=!0;n.version=’2.0’;n.queue=[];t=b.createElement(e);t.async=!0;

t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,

document,’script’,’https://connect.facebook.net/en_US/fbevents.js’);

fbq(’init’, ’ID’);

  fbq(’track’, "PageView");

</script>

<noscript><img height="1" width="1" style="display:none"

src="https://www.facebook.com/tr?id=ID&ev=PageView&noscript=1"

/></noscript>

<!-- End Meta Pixel Code -->

*Замість ID — не забудьте вказати власні дані. Показник знайдіть в Event Manager.

Замість ID — не забудьте вказати власний ID

Щоби встановити код через GTM, необхідно виконати наступні дії в Event Manager.

  1. Оберіть потрібний піксель.
  2. Натисніть «Продовжити налаштування пікселя».
  3. Натисніть «Використовувати партнера».
  4. Оберіть GTM.

Далі зайдіть в GTM, де будете створювати тег з кодом пікселя.

  1. Перейдіть до розділу Tags і натисніть New для створення нового тегу. 

    Перейдіть до розділу Tags і натисніть New
  2. Клікніть на Tag Configuration, після чого оберіть в новому вікні Custom HTML.

    Клікніть на Tag Configuration, після чого оберіть в новому вікні Custom HTML
  3. Вставте код, який я пропонувала вам використовувати при встановленні на сайт і GTM. Важливо! Не забувайте вказати власний ID.

    Вставте код, який я пропонувала вам використовувати при встановленні на сайт і GTM
  4. Після цього переходьте до налаштування тригерів. Клікніть на поле «Triggering» та у новому віконці «Choose a trigger» оберіть All Pages, адже піксель повинен працювати на кожній сторінці сайту.

    Клікніть на поле «Triggering» та у новому віконці «Choose a trigger» оберіть All Pages
  5. Збережіть тег.

    Збережіть тег
  6. Далі необхідно підтвердити зміни й перевірити коректність відпрацювання пікселя. Натисніть на Submit, після чого перейдіть до Preview.

    Натисніть на Submit, після чого перейдіть до Preview
  7. Тег знайдений — піксель успішно встановлено!

    піксель успішно встановлено

Додатково перевірте, чи спрацьовує піксель за допомогою інструменту Meta Pixel Helper. Це розширення в гуглі, яке допомагає перевірити коректність роботи Meta Pixel. 

Приклад: Meta Pixel знайдений

Приклад: Meta Pixel знайдений

Наступний крок — налаштування стандартних подій. 

Які стандартні події відстежує Meta Pixel і для чого їх використовувати

Події — всі дії на сайті. Стандартні події заздалегідь визначені компанією Meta. Вони можуть використовуватися для створення аудиторій, реєстрації конверсій і їх оптимізації. Стандартні події допомагають зрозуміти, як відвідувачі взаємодіють із вашим сайтом, а також оптимізувати конверсії та створювати аудиторії на основі цих подій.

Якими бувають стандартні події

Ось список стандартних подій пікселя Meta.

Кожна стандартна подія Meta Pixel має унікальний код, який вказується у скрипті відстеження, та набір параметрів, що дозволяють передавати додаткову інформацію про дію користувача. У таблиці нижче зібрано перелік основних стандартних подій, які Meta рекомендує для використання на сайтах. Для кожної події зазначено:

  • назву та короткий опис,
  • приклад коду для впровадження,
  • обовʼязкові або необовʼязкові параметри (атрибути), які можна передавати разом із подією.

Завдяки цим даним ви зможете правильно інтегрувати події та відстежувати поведінку користувачів, що є основою для точнішої аналітики та результативної реклами.

Дія на сайті

Опис

Код стандартної події

Атрибути

Додавання платіжної інформації

Додавання платіжної інформації клієнта при оформленні замовлення (наприклад, натискання кнопки для збереження цієї інформації).

fbq(’track’, ’AddPaymentInfo’);

Необов’язкові: content_category, content_ids, contents, currency, value

Додавання в кошик

Додавання товару до кошика (наприклад, натискання кнопки «Додати в кошик» на сайті).

fbq(’track’, ’AddToCart’);

Необов’язкові: content_name, currency, value. 

Обов’язкові для динамічного ремаркетингу: content_type і contents, або content_ids

Додавання в список бажань

Додавання товарів до списку бажань (наприклад, натискання кнопки «Додати до списку бажань» на сайті).

fbq(’track’, ’AddToWishlist’);

Необов’язкові: content_name, content_category, content_ids, contents, currency, value

Завершена реєстрація

Надання клієнтом інформації в обмін на послугу вашої компанії (наприклад, підписка на електронну розсилку).

fbq(’track’, ’CompleteRegistration’);

Необов’язкові: content_name, currency, status, value

Контакт

Телефонний дзвінок, SMS, електронний лист, повідомлення в чаті або інший вид контакту між клієнтом і вашою компанією.

fbq(’track’, ’Contact’);

Відсутні

Персоналізація товару

Персоналізація товарів за допомогою інструменту налаштування або іншого додатка вашої компанії.

fbq(’track’, ’CustomizeProduct’);

Відсутні

Пожертва

Пожертвування коштів на користь вашої організації або ініціативи.

fbq(’track’, ’Donate’);

Відсутні

Пошук місця

Пошук в Інтернеті однієї з ваших точок з наміром її відвідати (наприклад, коли людина шукає товар і знаходить його в одному з ваших місцевих магазинів).

fbq(’track’, ’FindLocation’);

Відсутні

Початок оформлення замовлення

Початок процесу оформлення замовлення (наприклад, натискання кнопки «Оформити замовлення»).

fbq(’track’, ’InitiateCheckout’);

Необов’язкові: content_category, content_ids, contents, currency, num_items, value

Лід

Надання клієнтом інформації з розумінням того, що ваша компанія пізніше може з ним зв’язатися (наприклад, надсилання форми або реєстрація на пробний період).

fbq(’track’, ’Lead’);

Необов’язкові: content_category, content_name, currency, value

Покупка

Завершення покупки, що зазвичай підтверджується отриманням замовлення, підтвердженням покупки або квитанцією про проведення транзакції (наприклад, перехід на сторінку з подякою або сторінку підтвердження замовлення).

fbq(’track’, ’Purchase’, {value: 0.00, currency: ’USD’});

Обов’язкові: currency і value. 

Необов’язкові: content_name, num_items. 

Обов’язкові для динамічного ремаркетингу: content_type і contents, або content_ids

Планування

Запис на зустріч в одній з точок вашої компанії.

fbq(’track’, ’Schedule’);

Відсутні

Пошук

Пошук на вашому сайті, в додатку або іншому об’єкті монетизації (наприклад, пошук товарів або пропозицій для подорожей).

fbq(’track’, ’Search’);

Необов’язкові: content_category, content_ids, contents, currency, search_string, value

Початок пробного періоду

Початок безкоштовного пробного періоду користування вашим продуктом або послугою (наприклад, оформлення відповідної підписки).

fbq(’track’, ’StartTrial’, {value: ’0.00’, currency: ’USD’, predicted_ltv: ’0.00’});

Необов’язкові: currency, predicted_ltv, value

Надсилання заявки

Надсилання заявки на пропонований вами продукт, послугу або програму (наприклад, кредитну картку, освітній курс або вакансію).

fbq(’track’, ’SubmitApplication’);

Відсутні

Підписка

Оформлення платної підписки на пропонований вами продукт або послугу.

fbq(’track’, ’Subscribe’, {value: ’0.00’, currency: ’USD’, predicted_ltv: ’0.00’});

Необов’язкові

Код події буває двох видів, демонструю на прикладі події додавання в кошик (AddToCart):

  1. Без додаткових параметрів.

    Без додаткових параметрів
  1. Із додатковими параметрами.

    Із додатковими параметрами

Додаткові параметри необхідні, коли фіксувати виконання певної події недостатньо. Наприклад, якщо, крім факту додавання товару в кошик, вам потрібно отримати дані про сам товар — його назву, категорію або ціну — ви можете додати ці параметри в код події. Це дозволить вам зрозуміти, які саме продукти цікавлять користувачів і як вони взаємодіють з сайтом.

Рекомендації від Meta для налаштування стандартних подій

Для правильного налаштування подій пікселя важливо дотримуватися кількох рекомендацій:

  1. Будьте уважні, копіюючи фрагмент коду. Коди стандартних подій чутливі до регістру. Код для перегляду сторінки виглядає так: fbq(’track’, ’ViewContent’);.

    Коли ви додасте на сторінку фрагмент fbq(’track’, ’viewcontent’);, у ваших звітах з реклами замість стандартної події з’явиться спеціально налаштована подія під назвою viewcontent.
  2. Вкажіть цінність і валюту для стандартної події «Купівля». Так конверсії відображатимуться точніше.
  3. Додайте кілька подій, таких як «Перегляд контенту», «Додавання в кошик» і «Купівля». Це дозволить пікселю фіксувати всі етапи взаємодії користувача з сайтом, що дасть вам більш повну картину його поведінки.

    Наприклад, якщо ви продаєте товари поштучно, важливо відстежувати не тільки покупку чи додавання в кошик, а й перегляд товару.

    Це дозволить точніше аналізувати, які етапи призводять до здійснення покупки, та оптимізувати рекламні кампанії для максимального залучення.
  4. Використовуйте API Conversions разом з пікселем Meta, щоби надсилати однакові події через обидва інструменти. Це називається надсиланням надлишкових подій. Так, коли ви надсилаєте вебподії покупки, початку оформлення замовлення і контакту за допомогою пікселя, дублюйте їх через API Conversions.

    Це дозволяє не упустити події, котрі піксель міг не зареєструвати через проблеми зі з’єднанням або помилку завантаження сторінки.

Налаштування стандартних подій

  1. Щоби створити стандартну подію, перейдіть в GTM в розділ Tags, де ви створюєте всі теги. Подібно до тегу для пікселя, додайте новий тег із типом користувацького html (Custom HTML). 

    перейдіть в GTM в розділ Tags
  2. Пропишіть базовий код події. Визначтеся з типом події — з або без додаткових параметрів. 

    Пропишіть базовий код події

Кожного разу, коли створюєте нову подію, додавайте код всередині тега <script>.
Передача інформації про подію відбувається через виклик функції fbq(), що містить кілька параметрів:

  • ключове слово ’track’ використовується як значення першого параметра; воно дає функції зрозуміти, що будуть відстежуватися стандартні події (для відстеження користувацьких подій потрібно було б вказати ’trackCustom’);
  • для значення другого параметра вкажіть назву потрібної події, наприклад, Purchase щоби функція «зрозуміла», що конкретно вона відстежує.
  1. Створіть потрібний тригер (клік на кнопку, видимість елемента, перегляд сторінки). Спрацьовування цього тригера має означати, що бажана подія відбулася. 

    Створіть потрібний тригер
  2. Збережіть налаштування тега — і подію успішно налаштовано!
  3. Перевірте спрацювання налаштованих подій в Event Manager в Meta. Перейдіть в цей розділ, потім у вкладку Test events, де вкажіть URL сайту. Натисніть Open website — сайт відкриється в новій вкладці. Далі виконайте на сайті дію, котру ви щойно налаштували як подію — наприклад, перегляд сторінки або додавання товару в кошик.

    Перевірте спрацювання налаштованих подій в Event Manager в Meta
  1. Поверніться у вкладку Test events: якщо подія налаштована правильно, вона зʼявиться в реальному часі у вигляді списку активностей. Якщо подія не зʼявляється — поверніться назад і перевірте правильність налаштувань. Також переконайтесь, що не забули опублікувати тег в GTM.

Як видалити піксель Facebook

Безпосередньо у Facebook Ads Manager видалити код пікселя неможливо. Залежно від способу інсталяції, є два типи видалення.

  1. Якщо код встановлено вручну на сайт, потрібно зайти в код вашого сайту і видалити скрипт пікселя або закоментувати код.
  2. Якщо ви встановлювали піксель через менеджер тегів, зайдіть в GTM і призупиніть або видаліть тег пікселя.

Запам’ятати

  1. Встановлення пікселя для інструментів Meta — ключовий крок для ефективного відстеження цільових дій на сайті. Піксель допомагає детально аналізувати поведінку користувачів, забезпечувати точніший таргетинг, оптимізувати рекламні кампанії, що сприяє підвищенню конверсій.
  2. Переваги Meta Pixel:
  • оптимізація рекламного бюджету — піксель дає змогу оптимізувати витрати на рекламу, спрямовуючи кампанії на більш релевантну аудиторію;
  • відстеження і аналіз дій користувачів — піксель зберігає дані про дії користувачів на сайті, щоб формувати аудиторії для таргетованої реклами і аналізувати поведінку відвідувачів ресурсу;
  • створення персоналізованих пропозицій — Pixel Meta потрібен, щоб налаштовувати персоналізовані пропозиції для певних сегментів аудиторії, що підвищує ефективність рекламних кампаній.
  1. Важливі моменти:
  • встановити Meta Pixel можна за допомогою кількох способів — ручне встановлення коду на сайт, через партнерів (одним з них є GTM) або відправити інструкцію розробнику на пошту;
  • стандартні події — це заздалегідь визначені дії, які Meta Pixel може відстежувати та ідентифікувати для подальшого використання в рекламних кампаніях. Вони можуть містити додаткові параметри або бути без них. Вони можуть містити додаткові параметри або бути без них;
  • видалення пікселя відбувається або через вилучення скрипту на сайті або ж через видалення / призупинення тегу пікселя в Google tag Manager.
Маргарита Литвинчук

Працює в Netpeak Ukraine з 2023 року на позиції PPC Specialist. Має профільну освіту, сертифікати Google Ads та Google Analytics. Захоплюється пошуком балансу між цифрами, ідеями та стратегією. Завжди відкрита до нових знань і викликів.

Інші пости цього автора
4
0
4

Свіжі

Як ми оновили сторінку COMFY і підвищили конверсію в App Store та Google Play

Пояснюємо, чому навіть у популярних застосунках варто регулярно переглядати логіку подачі

Реклама в Facebook та Instagram: які розміри банерів обрати?

Неправильне кадрування банерів у Facebook та Instagram — одна з частих причин зниження ефективності реклами. Розкажу про докладніше в статті, як це подолати

Повний огляд блоку «Дослідження» (Explorer) в Google Analytics 4

Що можна аналізувати за допомогою Досліджень GA4? Огляд інтерфейсів методів блоку Explore Google Analytics
OSZAR »