Як створити піксель Фейсбук, встановити його на сайт та налаштувати?

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

В такому випадку, єдиний інструмент який повинен бути встановлений на сайт - це Піксель Фейсбук (Facebook Pixel). Саме Піксель Фейсбук збирає інформацію про кожного відвідувача і передає її в рекламний кабінет Фейсбук чи в статистику Фейсбук.

У цій статті ми надамо Вам покрокову інструкцію з створення Пікселя Фейсбук, встановленню його на Ваш сайт та налаштування пікселя. Також ми розкажемо Вам навіщо встановлювати Піксель Фейсбук на сайт і як він допоможе Вам в покращенні результатів при запуску таргетованої реклами у Facebook або Instagram?

Швидкі посилання по темі:

1. Як створити або згенерувати код пікселя Фейсбук?
   
2. Як знайти код пікселя Фейсбук у вже наявному джерелі даних?
   
3. Як встановити Піксель Фейсбук на сайт?
   
4. Як встановити піксель Фейсбук на сайт, через Google Tag Manager?
   
5. Налаштування пікселя Фейсбук, після його встановлення на сайт.
   
6. Відео по темі створення, встановлення на сайт та налаштування Пікселя Фейсбук.
   
7. Коментарі до цієї статті.

Як створити або згенерувати код пікселя Фейсбук?

Перед тим як розпочати процес створення (генерації) пікселя Фейсбук (Facebook Pixel), Ви повинні знати, що Фейсбук змінив звичну назву з "Піксель Фейсбук" на "Джерела даних", тому в деяких фрагментах цієї статті ми можемо замість "Піксель Фейсбук" говорити "Джерела даних".

І так, надаю Вам покрокову інструкцію створення (генерації) Пікселя Фейсбук:

1. В першу чергу, Вам треба зайти у свій бізнес менеджер. Зазвичай він знаходиться за посиланням - https://business.facebook.com/ далі перейти в розділ "Джерела даних".

2. В джерелах даних оберіть пункт меню "Набори даних".

3. У правому вікні наборів даних натиснути синю кнопку "Додати". Якщо у Вас немає синьої кнопки, як на малюнку нижче, то Ви можете натиснути таку саму кнопку, яка знаходиться в верхньому правому кутку.

4. У вікні "Створення нового набору даних", яке з'явиться, варто дати назву новому набору даних.

5. Після створення назви варто натиснути кнопку "Створити".

6. Після натискання кнопки "Створити" Ви попадаєте в налаштування профілю компанії, в бізнес менеджері Фейсбук, а саме в розділ "Набір даних".

7. В наборі даних Ви зможете побачити свій створений новий набір даних.

8. Далі в правій частині блоку набору даних Вам варто натиснути три крапочки та в випадаючому меню натиснути на посилання "Відкрити в Events Manager".

9. Після натискання посилання "Відкрити в Events Manager" Ви попадаєте в меню "Джерела даних" або як раніше його називали "Піксель Фейсбук".

10. В новоствореному пікселі Фейсбук, в правому блоці, варто натиснути кнопку "Налаштувати піксель Meta".

11. В новому вікні "Збирайте інформацію про дії на сайті за допомогою пікселя" варто натиснути на кнопку "Установити код вручну".

12. В новому вікні "Установлення базового коду" Ви можете скопіювати код пікселя Фейсбук, натиснувши кнопку "Копіювати код".

Як знайти код пікселя Фейсбук у вже наявному джерелі даних?

Якщо у розділі "Джерела даних" у Вас вже є створені джерела даних, як на картинці нижче, то Ви можете їх використовувати і взяти їх код пікселя Фейсбук (Facebook Pixel). Для цього оберіть необхідне джерело даних, в лівій частині меню, потім в правому блоці натисніть на кнопку "Додати події", і у випадаючому меню оберіть пункт "Додати нову інтеграцію".

Після того, як Ви натиснули "Додати нову інтеграцію" у Вас з'явиться вікно "Додати нову інтеграцію", як на картинці нижче. У цьому вікні варто обрати пункт "Піксель Meta" і натиснути кнопку "Налаштувати". Знову з'явиться нове вікно в якому варто обрати пункт "Додати код на свій сайт вручну". В новому вікні "Установка базового коду" Ви зможете скопіювати код пікселя Фейсбук натиснувши кнопку "Копіювати код", як на картинці нижче.

Як встановити Піксель Фейсбук на сайт?

Після того як ви створили піксель Фейсбук (джерело даних) і скопіювали його натиснувши кнопку "Копіювати код", цей код пікселя варто встановити на сайт. 

Важливо!!! Код пікселя Фейсбук (Facebook Pixel) треба встановити на всі сторінки Вашого сайту, або на окремі сторінки, де Ви хочете відстежувати події відвідувачів. Код пікселя Фейсбук встановлюється в код сайту, а саме над закриваючим тегом </head> - це дуже важливий фактор. Якщо код пікселя буде встановлено в іншу частину коду сайту, то можливі наслідки у вигляді некоректної фіксації подій або взагалі неспрацювання функціоналу пікселя. Якщо Ви не знаєте як вставити код пікселя на сайт, зверніться до спеціаліста, який супроводжує Ваш сайт.

І так, давайте вставимо код пікселя Фейсбук на сайт? Для цього відкриваємо основний код сайту і шукаємо закриваючий тег </head>, він виглядає ось так, як на картинці нижче.

Після того, як код пікселя Фейсбук буде встановлено, код сайту буде виглядати так, як на картинці нижче.

Як встановити піксель Фейсбук на сайт, через Google Tag Manager?

Якщо вище описаний метод додавання коду пікселя Фейсбук (Facebook Pixel) на сайт являється найпоширенішим, то метод додавання пікселя на сайт, за допомогою Google Tag Manager, являється не популярним у таргетологів і використовується лише тоді, коди на сайт інтегрується достатньо багато сторонніх кодів, в тому числі й піксель Фейсбука.

Важливо!!! До того як встановити код пікселя Фейсбук на сайт, через Google Tag Manager, варто спочатку інтегрувати Google Tag Manager на сайт.

Навіщо і коли варто встановлювати код пікселя Фейсбук на сайт, через Google Tag Manager?

1. Коли на сайт, окрім коду пікселя Фейсбук, встановлюють коди інших онлайн інструментів. В такому випадку, щоб вони не заважали один одному в роботі, варто встановити їх на сайт, кожний окремо, через Google Tag Manager.
2. За допомогою Google Tag Manager можна налаштувати фіксацію будь-якої події на сайті та передати її в піксель Фейсбука. Якщо події налаштовувати через стандартний інструментарій пікселя Фейсбук, без Google Tag Manager, то ви не зможете налаштувати складні події, якщо це буде необхідно.
3. Робота з Google Tag Manager - це чистота в коді Вашого сайту, що в результаті підвищує швидкість завантаження Вашого сайту.

1. Заходимо в Google Tag Manager в розділ "Теги".

2. Натискаємо кнопку "Створити". Цією дією ми розпочнемо процес створення нового Тегу.

3. Даємо назву цьому Тегу, наприклад "Піксель". Давайте зрозумілу назву, щоб відразу знати, що це за Тег і за що він відповідає.

4. Далі натискаємо на поле "Конфігурація тегу".

5. З правої сторони, відкривається меню з вибором сервісів.

6. Варто обрати саме "Користувацький HTML". Цей сервіс дає можливість саме вставляти довільний код в Google Tag Manager.

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

8. Далі, натискаємо на поле "Тригери".

9.  Обираємо тригер, а саме "All Pages", щоб піксель Фейсбук спрацьовував на усіх сторінках сайту.

10. Після того як код пікселя Фейсбук та Тригер були додані, варто натиснути кнопку "Зберегти".

11. Ми бачимо, що був створений Тег "Піксель" і для того, щоб запустити його в дію, варто натиснути кнопку "Відправити", після чого будуть збережені всі налаштування доданого нами пікселя Фейсбук.

Налаштування пікселя Фейсбук, після його встановлення на сайт.

Після того, як Ви становили піксель Фейсбук (Facebook Pixel) на сайт, варто перевірити його роботу та зробити деякі до налаштування.

В першу чергу, всі подальші спостереження та налаштування пікселя Фейсбук реалізовуються в Джерелах даних (Events Manager). 

Як видно на картинці нижче, в закладці "Огляд" з часом буде відображатись статистика по основній дії яку відстежує піксель, а саме "PageView" (Перегляд сторінки), а також по іншим діям, які Ви самостійно налаштуєте, при необхідності.

1. Далі Вам варто перевірити роботу пікселя Фейсбук і для цього варто перейти в закладку "Тестування подій".

2. Далі вставити посилання на сторінку Вашого сайту і натиснути "Enter".

3. Після того, як Вас система перекине на сайт, буде зафіксована перша подія "PageView", як на картинці нижче.

4. Наступний крок, це до налаштування пікселя Фейсбук і тут варто перейти в закладку "Налаштування" і знайти блок "Дозволи трафіку - сайту". Тут варто додати домен Вашого сайту в список дозволених

Відео по темі створення, встановлення на сайт та налаштування Пікселя Фейсбук

Надаємо Вам збірку відео на тему "Як створити, встановити на сайт та налаштувати?". Маю надію, що ці відеоматеріали поглиблять Ваші знання та розуміння цієї теми. З часом, ми будемо додавати нові відео, щоб Ви були в темі змін цього напрямку.