Skip to main content

Створити pixel / dataset у Facebook

Disclaimer!
У Facebook є багато варіантів інтерфейсу, або їх мутацій. Тому назви кнопок або їх розташування може змінюватись навіть на одному  і тому самому аккаунті.

Створення pixel

Йдемо за посиланням (при потребі логінимось повторно та вказуєте всі дані потрібні для автентифікації).
https://business.facebook.com/settings/people?

Обраємо потрібний Bussiness Manager (далі BM).

image.png

Далі йдемо в Data sources -> Datasets
Завантажиться список пікселів, ми створюємо новий (Add).

Вказуємо ім'я і клікаємо Create 
Подалші вікна, попапи, якщо вони будуть можемо ігнорувати / закривати.

image.png

І побачимо наш створений pixel / dataset

image.pngДалі потрібно видати дозволи нашому користувачеві (соц. профілю доступ до цього пікселя, а також пошерити/ прикріпити до рекламний аккаунтів (Ad accounts, скорочено РА або AA). Також бажано обрати системного користувача додатково (Conversion API)

image.png

image.png

image.png

І шеримо на рекламний аккаунт або декілька

image.png

image.png


Отримати код пікселя

Переходимо в менеджер подій

image.png

image.png

image.png

Або так

image.png

image.png

Копіюєте код, щоб вставляти його напряму в код лендінгу.

image.png

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

<!-- 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', '1111111111111111111111');
fbq('track', 'Lead');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1111111111111111111111&ev=Lead&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- 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', '1111111111111111111111');
fbq('track', 'Lead');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1111111111111111111111&ev=Lead&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

Отримання токена пікселя

Це потрібно для додаткових інтеграцій. Також потрібен і ID пікселя, ви його бачите в списку пікселів.
Але отримаємо все також в менеджері подій (ID пікселя це тільки цифри).

image.png

Гортаємо нижче та шукаємо Conversions API, нам потрібно згенерувати token

image.png

Отримуємо токен.

Якщо одразу захочете згенерувати токен і для іншого пікселя. Обов'язково!!! Перезавантажте/оновіть сторінку.
Інакше отримаєте токен з попереднього пікселя, або додатковий токен для попереднього пікселя.

image.png


Тестування подій | отримання тестового коду/події

Для цього процесу нам потрібен тестовий код. Беремо його на вкладці "Test events" в менеджері подій.
І також тут буде видно результат тестування (інколи треба оновити сторінку).
Сам код будемо виставляти в іншому місці.

image.png