До списку всіх статей

Що таке Facebook Pixel та як встановити його на сайт за допомогою Google Tag Manager

12.02.2024
33
Що таке Facebook Pixel та як встановити його на сайт за допомогою Google Tag Manager

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

Як створити Pixel? 

1. Відкрийте Ads Manager Facebook.

2. На панелі зліва відкрийте “All tools”, далі “Events Manager.

Як створити Pixel?

3. Натисніть кнопку “Connect data”.

4. Оберіть, куди встановити Pixel: Web (сайт), App (додаток), Offline (оффлайн події), CRM або Messaging (чати).

Як створити Pixel?

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

5. Додайте назву, наприклад це може бути назва вашого акаунта.

Як створити Pixel?

6. Скопіюйте код Pixel для подальшого встановлення на сайт.

7. Перейшовши на вкладку “Data sources”, ви побачите ваш створений Pixel.

8. Далі перейдіть в Google Tag Manager (надалі GTM).

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

Встановлюємо Facebook Pixel на сайт з допомогою GTM

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

Варіант 1

1. Зайдіть у Google Tag Manager.

2. Відкрийте відповідний контейнер проекту.

3. Перейдіть у розділ “Tags” та натисніть “New”.

Як встановити Facebook Pixel на сайт з допомогою GTM?

4. Додайте назву, наприклад “FB Pixel”.

Як встановити Facebook Pixel на сайт з допомогою GTM?

5. У “Конфігурації тегу” оберіть “Custom HTML” .

Як встановити Facebook Pixel на сайт з допомогою GTM?

6. А нижче вставте код, який ви зберегли з Events Manager.

Як встановити Facebook Pixel на сайт з допомогою GTM?

7. У пункті “Тригер активації” оберіть “All pages”.

Як встановити Facebook Pixel на сайт з допомогою GTM?

8. Натисніть "Save" (Зберегти), щоб зберегти налаштування тегу.

9. Опублікуйте зміни в розділі "Workspace" (Робоча область), щоб застосувати зміни на вашому вебсайті.

Як встановити Facebook Pixel на сайт з допомогою GTM?

10. Тепер піксель буде спрацьовувати, як тільки користувач перейшов на сайт.

Варіант 2

1.Зайдіть у Google Tag Manager

2.Відкрийте відповідний контейнер проекту.

3.Перейдіть у розділ “Tags” та натисніть “New”.

Як встановити Facebook Pixel на сайт з допомогою GTM?

4.Додайте назву, наприклад “FB Pixel”.

Як встановити Facebook Pixel на сайт з допомогою GTM?

5. У “Конфігурації тегу” оберіть “Discover more tag types in the Community Template Gallery” (Перегляньте більше типів тегів у Колекції шаблонів спільноти).

Як встановити Facebook Pixel на сайт з допомогою GTM?

6. В правому верхньому кутку у строці пошуку шукаєте “Facebook Pixel”

Як встановити Facebook Pixel на сайт з допомогою GTM?

Як встановити Facebook Pixel на сайт з допомогою GTM?

7. Імпортуєте цей шаблон тегу

8. Додаєте Pixel ID. 

Як встановити Facebook Pixel на сайт з допомогою GTM?

Pixel ID можна скопіювати в рекламному кабінеті Facebook: зайдіть у Ads Manager, на панелі зліва натисніть All Tools та перейдіть у Events Manager. У розділі “Overview” з правої сторони ви будете бачити назву Pixel та ID.

Як встановити Facebook Pixel на сайт з допомогою GTM?

9. Після того, як ви додали Pixel ID в GTM, ви обираєте “Тригер активації” оберіть “All pages”.

Як встановити Facebook Pixel на сайт з допомогою GTM?

10. Натисніть "Save" (Зберегти), щоб зберегти налаштування тегу.

11. Опублікуйте зміни в розділі "Submit" (Опублікувати), щоб застосувати зміни на вашому вебсайті.

Перевіряємо роботу пікселя

Перший крок - встановіть Pixel Helper для Chrome. Це розширення, що показує вже встановлені пікселі та їх ID на сайтах. 

Після встановлення Pixel в Google Tag Manager та Pixel Helper перейдіть на сайт та натисніть на значок пазла на верхній панелі.

Але переконайтесь, що ви вимкнули усі сервіси, що блокують рекламу.

Перевірка роботи Pixel

Якщо бачите, що позначка Facebook піксель підсвічує зеленим, а ID збігається з встановленим - ура, у вас все вийшло.

Після встановлення пікселя ви можете отримувати дані з веб сайту про всіх відвідувачів для оцінки ефективності і оптимізації рекламних кампаній, а також ремаркетингу. Нагадаємо, ремаркетинг – це повторно взаємодія з користувачем, який вже знайомий з вашим брендом. Знаєте, коли ви переглядали конкретний товар на сайті, а потім помічаєте його в рекламі Facebook? Так ось, це ремаркетинг.

Важливо: якщо вам потрібно зібрати в аудиторію людей, які, наприклад, заповнювали форму на вашому веб сайті, то вам необхідно додатково налаштовувати конкретні події в GTM.

Як це працює?

  • Добавляєте Pixel на сайт.
  • Налаштовуєте потрібну вам подію.
  • Запускаєте рекламну компанію з ціллю “Конверсії”.
  • Користувач з реклами здійснює потрібну вам конверсію на сайті і Facebook оптимізує покази реклами під обрану вами цільову дію. Тобто реклама буде показана користувачам,які з більшою ймовірністю виконають потрібну вам дію.

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

Висновок

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

Автор статті

Наталія Ніколаєва

Наталія Ніколаєва

Meta Ads Specialist

Сподобалася стаття? Поділись

Посилання скопійовано