Як додати Facebook Pixel та налаштувати події

У цій статті ви дізнаєтесь, як інтегрувати Facebook піксель на різних сторінках у systeme.io та налаштувати події.

Вам знадобиться:

• Обліковий запис Facebook Business
• Рекламний кабінет Facebook
• Обліковий запис systeme.io
• Власний домен

1. Налаштуйте свій Піксель

1.1 Перейдіть у налаштування свого бізнес-акаунта Facebook, потім натисніть Налаштування.

Тепер натисніть на Набори даних і Пікселі в розділі Джерела даних.

Натисніть Додати, і перед вами з'явиться спливаюче вікно, де ви можете назвати свій Піксель. Після того, як ви введете назву пікселя, натисніть Створити.

З'явиться ще одне спливаюче вікно з написом Ваш піксель ще не готовий до використання. Ви можете закрити це вікно, оскільки спочатку вам потрібно додати Людей та Активи до вашого Пікселя.

1.2 Натисніть Призначити людей, потім виберіть свій бізнес-акаунт у спливаючому вікні. Натисніть на повзунок, щоб надати Повний контроль, а потім натисніть Призначити.

1.3 Після завершення натисніть Підключити активи.

Перед вами з'явиться ще одне спливаюче вікно, де вам потрібно лише відзначити рекламний кабінет, а потім натиснути Додати.

Встановіть Піксель на свій веб-сайт

2.1 Натисніть Всі інструменти в меню ліворуч, а потім натисніть Менеджер подій.

2.2 Натисніть на свій Піксель.

2.3 Натисніть Налаштувати Meta Pixel.

2.4 Тепер натисніть Встановити код вручну під опцією Додати код Pixel вручну на веб-сайт.

З'явиться код Meta Pixel. Його потрібно додати в розділ 'Код заголовка' сторінок ваших фанфіків. Якщо ви хочете встановити код на всі сторінки всіх ваших воронок, ви можете розмістити його в полі Код відстеження в налаштуваннях воронки продажів.

2.4.1 Додавання коду Facebook Pixel до налаштувань сторінки воронки

продажівПерейдіть у редактор вашої сторінки, потім натисніть Налаштування зліва в редакторі.

Потім вставте Facebook піксель у поле Редагувати код заголовка розділу відстеження.Нарешті, натисніть Зберегти у верхньому правому куті редактора, щоб зберегти зміни.

2.4.2 Додавання коду Facebook Pixel із налаштувань воронки продажівВи

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

2.5 Після копіювання коду та додавання його на ваш веб-сайт, як згадувалося вище, натисніть Продовжити. Вам буде запропоновано активувати Автоматичний розширений збіг. Це необов'язково і залежить від ваших уподобань.

2.6 Натисніть Продовжити, щоб перейти далі.

Після встановлення базового коду Meta Pixel на вашому веб-сайті позначте це як виконане (зелена піктограма). Тепер ви можете налаштувати події на вашому веб-сайті, натиснувши Налаштувати події.

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

2.7 Для ручного варіанту натисніть Встановити за допомогою коду у спливаючому вікні, яке з'явиться.

У цьому прикладі ми будемо використовувати лише подію Перегляд вмісту.

Додайте його до налаштувань ваших воронок.

2.8 Тепер вам потрібно буде перевірити ваш домен, перейшовши до Безпека бренду та відповідність > Домени. Натисніть Додати. Введіть свій домен, а потім знову натисніть Додати.

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

Після додавання коду натисніть Перевірити домен на стороні Facebook.

3.Протестуйте встановленняТепер

коли ваш Pixel налаштовано та встановлено, ви можете протестувати його, щоб перевірити, чи працює він.

Натисніть Тестові події, введіть URL-адресу вашого веб-сайту в полі нижче та натисніть Тестові події.

На сторінці Тестові події мають відображатися події з дій, які ви виконали на своєму веб-сайті.

4.Дедуплікація подій на Facebook (Pixel і CAPI)

Завдяки дедуплікації відстеження для Facebook Conversion API (CAPI) та Pixel, тепер ви можете легко запобігти подвійному підрахунку подій між браузером (Pixel) та сервером (CAPI). Коли одна й та сама подія надсилається через ці два канали, Facebook ідентифікує дублікати за унікальним ідентифікатором (eventID), автоматично об'єднує їх і таким чином забезпечує точність статистики.

Як реалізувати дедуплікацію?

Щоб увімкнути дедуплікацію, переконайтеся, що і Conversion API (CAPI), і Facebook Pixel реалізовані правильно. Якщо ви ще не налаштували CAPI, перегляньте цей посібник: Як налаштувати Facebook Conversions API на systeme.io

Для користувачів з уже впровадженим CAPI дедуплікація відбуватиметься автоматично шляхом вибору типу події зі спадного списку. Однак код Pixel потрібно оновити, включивши в нього заповнювач event ID. Для кожної відстежуваної події необхідно додати відповідний заповнювач/змінну event ID, щоб забезпечити правильну дедуплікацію.

Що таке Event ID?

Event ID - це унікальний ідентифікатор, що генерується для кожної події конверсії (наприклад, покупки або підписки).

Він дозволяє Meta (Facebook) уникати подвійного підрахунку однієї й тієї ж події, коли вона надсилається як через Pixel (браузер), так і через Conversions API (CAPI).

• Event ID надсилається автоматично через CAPI.
• У Pixel вам потрібно вручну додати цей ідентифікатор у код відстеження, використовуючи заповнювачі, надані systeme.io.

Нижче наведено приклади поширених подій:

• Покупка: fbq('track', 'Purchase', {eventID:'%FACEBOOK_PURCHASE_EVENT_ID%'});
• Запис: fbq('track', 'Schedule', {eventID:'%FACEBOOK_EVENT_ID%'});
• Перегляд вмісту: fbq('track', 'ViewContent', {eventID:'%FACEBOOK_EVENT_ID%'});
• Новий лід: fbq('track', 'NewLead', {eventID:'%FACEBOOK_NEW_LEAD_EVENT_ID%'});

Нижче наведено комплексний приклад, що ілюструє налаштування дедуплікації події перегляду вмісту за допомогою Facebook Pixel:

1. Виберіть відповідний ідентифікатор події: Напишіть заповнювач події для генерації унікального Event ID. Цей ID дозволяє Facebook розпізнавати та об'єднувати події, надіслані як через Pixel, так і через Conversion API (CAPI). Цей ідентифікатор є унікальним для кожної події та автоматично генерується при додаванні заповнювача або змінної. Заповнювач гарантує, що значення динамічно замінюється на фактичний Facebook Event ID при завантаженні пікселя.
2. Додайте eventID до коду Pixel: Ось як надіслати подію перегляду вмісту з унікальним ідентифікатором:

3. Перевірка:Для відстеження Pixel відвідайте сторінку, щоб переконатися, що події на кшталт "View Content" спрацьовують правильно з відповідним Event ID. Розширення Facebook Pixel Helper допоможе перевірити, чи Pixel захоплює події, як очікувалося.

Для відстеження CAPI користувачеві потрібно перейти по вашому веб-сайту, щоб запустити серверні події.

• У разі View Content або виявлення ліда просто відвідування сторінки запустить подію.
• Для подій Purchase необхідно завершити тестову покупку, щоб захопити значення суми покупки.
• Потім події як CAPI, так і Pixel можна переглянути в Meta Events Manager, щоб підтвердити, що вони правильно відстежуються, і що дедуплікація функціонує належним чином.

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

Відстеження суми покупки за допомогою CAPI

Щоб відстежити суму покупки за допомогою CAPI, виконайте такі дії:

• Використовуйте тип події Purchase.
• Захопіть суму покупки разом із валютою.
• Якщо продукт фізичний, візьміть валюту з продукту.
• Якщо продукт є цифровою пропозицією або підпискою, візьміть валюту з тарифного плану.

Окреме відстеження order bumps та апселів

Користувачі часто запитують, чи можна відстежувати order bumps та апсели окремо від основної події покупки. Ось як це працює:

• Вся вартість замовлення, включаючи апсели, надсилається в момент події покупки.
• Order bumps та апсели зазвичай додаються як цифрові продукти, аналогічно до основної пропозиції.
• CAPI на сторінці подяки автоматично виявить усі попередні покупки (основну пропозицію, bumps та апсели).