Facebook conversion API для WordPress

Ви шукаєте простий спосіб налаштувати Facebook conversion API для вашого веб-сайту на WordPress? У цій статті ми розповімо про все, що вам потрібно знати про Facebook Conversion API. Потім ми розглянемо покрокові інструкції з налаштування Facebook Conversion API для WordPress за допомогою серверного плагіна GTM від Stape.

Навіщо впроваджувати FB CAPI для WordPressСкопіюйте посилання на цей розділ

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

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

Стійкість до блокувальників рекламиСкопіюйте посилання на цей розділ

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

Покращена оптимізаціяСкопіюйте посилання на цей розділ

Facebook Conversion API для WordPress надає додаткові дані, які можуть допомогти вам оптимізувати ваші кампанії, наприклад, кастомні події, такі як час перебування на сайті, глибина прокрутки та заповнення форм. Це дозволяє вам краще зрозуміти поведінку користувачів.

Краща атрибуціяСкопіюйте посилання на цей розділ

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

Як налаштувати Facebook Conversion API для WordPressСкопіюйте посилання на цей розділ

Налаштуйте серверний контейнер Google Tag Manager на StapeСкопіюйте посилання на цей розділ

1. Перейдіть на сайт https://tagmanager.google.com/ та увійдіть до свого облікового запису Google Tag Manager.

2. Натисніть на кнопку "Admin" і в колонці "Контейнери" натисніть кнопку "+ Створити контейнер".

3. Виберіть ім'я для вашого серверного контейнера, виберіть "Сервер" як тип контейнера і натисніть кнопку "Створити".

4. Виберіть опцію "Manually provision tagging server" і скопіюйте конфігурацію контейнера, що з'явиться. Збережіть цю конфігурацію у текстовому редакторі, оскільки вона вам знадобиться пізніше.

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

6. Після входу в систему натисніть кнопку "Створити контейнер". Дайте контейнеру ім'я, вставте конфігурацію контейнера, яку ви скопіювали з серверного контейнера Google Tag Manager, і виберіть розташування сервера. Натисніть "Створити контейнер".

7. Зачекайте близько 5 хвилин, поки серверний контейнер розгорнеться. Оновіть сторінку, щоб оновити статус. Якщо налаштування було виконано правильно, ви побачите статус "Запущено". Якщо ви бачите "Помилка", перевірте, чи скопіювали ви правильну конфігурацію контейнера. Якщо помилка не зникає, зверніться до служби підтримки.

8. На цьому кроці вам потрібно налаштувати URL-адресу тегів.

У вас є два варіанти:

• Ви можете використовувати URL-адресу тегів, яка була створена для вас і розміщена на нашому домені (stape.io)

• Або використовуйте кастомний домен. Я наполегливо рекомендую використовувати цей варіант, оскільки він допоможе запобігти блокуванню відстеження та збільшить термін служби файлів cookie.

Якщо ви обрали перший варіант, переходьте до кроку 9.

Якщо ви хочете налаштувати власну URL-адресу тегів, натисніть "Додати домен" під наданою URL-адресою тегвів -> увійдіть до служби доменних імен і створіть новий DNS-запис для субдомену, який ви хочете використовувати. Ви можете використовувати будь-яке ім'я субдомену.

Додайте ці налаштування:

    Тип: A

    Ім'я: ss (або будь-яке інше ім'я субдомену, яке ви бажаєте)

    IPv4 адреса: IP-адреса залежить від місця розташування серверів. Ви можете знайти IP-адресу власного домену у своєму акаунті stape.io.

    TTL: Auto

    Proxy status: вимкнути

Ваші налаштування повинні виглядати так:

9. Ви можете ввімкнути функцію Global CDN для серверного контейнера, яка використовує технологію Cloudflare для завантаження js-файлів з сервера, розташованого ближче до відвідувачів вашого сайту, що призводить до швидшого обслуговування js-файлів і кращої швидкості роботи сторінок. Перш ніж увімкнути цю функцію, перевірте правила конфіденційності у вашій країні. Додайте запис CNAME, щоб Global CDN працював.

Після того, як ви увімкнули Global CDN, вам потрібно буде додати запис CNAME, щоб Global CDN працював.

10. Додайте URL-адресу сервера тегів до серверного контейнера Google Tag Manager, перейшовши в розділ "Admin", потім "Налаштування" і вибравши "Налаштування контейнера".

Налаштуйте плагін GTM на стороні сервера для WordPressСкопіюйте посилання на цей розділ

1. Увійдіть в адмінку WordPress і перейдіть до плагінів. Потім натисніть "Додати новий", введіть "GTM Server-Side", виберіть цей плагін і натисніть "Встановити зараз". Після встановлення натисніть "Активувати".

2. Відкрийте плагін GTM Server-Side, який ви встановили на першому кроці, і вставте URL-адресу тегів у налаштуваннях плагіна. Далі виберіть, чи хочете ви додати веб-GTM до всіх сторінок сайту, чи просто додати функціонал плагіна без додавання GTM-скрипта (цю опцію слід використовувати, якщо ви використовуєте будь-який інший плагін, який вставляє GTM-скрипт на сайт). Далі додайте ідентифікатор WEB Google Tag Manager, URL-адресу сервера тегів та ідентифікатор stape-контейнера, якщо ви хочете використовувати custom loader.

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

Налаштуйте GA4 на стороні сервераСкопіюйте посилання на цей розділ

1. Усередині веб-контейнера створіть новий тег типу Google Tag. Додайте свій ідентифікатор Google Tag ID.

У розділі Налаштування конфігурації додайте наступні параметри:

• Name: server_container_url
• Value: Введіть URL-адресу

Додайте тригер до тегу GA4. Зазвичай він повинен спрацьовувати на всіх переглядах сторінки.

Ви також можете створити Google tag: Configuration settings змінну, яка заздалегідь визначить налаштування тегів Google, якщо вам потрібно використовувати кілька тегів Google на вашому веб-сайті і ви не хочете додавати налаштування для кожного з тегів вручну.

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

2. Щоб налаштувати подію GA4, перейдіть до розділу тегів і створіть новий тег з типом тегу Google Analytics: Подія GA4. Додайте свій ідентифікатор GA4 і назву події; є список стандартних назв подій.

Ви можете створити змінну Google Tag: Event Settings, яка допоможе поділитися параметрами події між кількома тегами подій GA4 або тегами Google. Це можуть бути, наприклад, властивості користувача або продукту, а також список стандартних параметрів для налаштувань події.

3. Відкрийте серверний контейнер Google Tag Manager -> натисніть Клієнт -> створіть клієнт GA4 і збережіть його -> перейдіть до Тегів і налаштуйте тег GA4. Усередині Event Name виберіть змінну {{Event Name}}. -> додайте тригер Client Name дорівнює GA4.

4. Відкрийте режим попереднього перегляду серверного контейнера та переконайтеся, що ви бачите запити GA4. Публікуйте оновлені файли всередині сервера та веб-контейнерів Google Tag Manager.

Налаштування Facebook Conversion API для WordPressСкопіюйте посилання на цей розділ

У вас є 2 варіанти налаштування нашого тегу Facebook conversion API:

Успадкувати від клієнта GA4: Скопіюйте посилання на цей розділ

У цьому випадку ми зіставимо ваші події GA4 зі стандартними подіями Facebook. Якщо ми не зможемо зіставити подію GA зі стандартною подією FB, ми запишемо її як кастомну подію. Все буде зроблено автоматично, вам не потрібно налаштовувати події FB.

1. Створіть новий тег у вашому серверному контейнері. Перейдіть до галереї шаблонів спільноти і додайте тег Facebook Conversion API. У тегу виберіть "Успадковувати від клієнта". Заповніть свій токен доступу до FB API, ідентифікатор пікселя FB та ідентифікатор тесту, щоб бачити події в інструменті тестування FB.

2. Додайте тригер. Натисніть на тригери-> + у верхньому правому куті-> налаштування тригера і виберіть власний тригер-> цей тригер спрацює на Деякі події-> Ім'я клієнта дорівнює GA4. Натисніть зберегти.

Override:Скопіюйте посилання на цей розділ

У цьому випадку вам потрібно буде налаштувати події у FB вручну.

Вам доведеться використовувати події GA4 для запуску серверних подій Facebook.

Візьмемо для прикладу подію "add_to_cart", і ми хочемо відправити параметри value, currency та item_id.

1. Створіть тег події GA4 у вашому веб-контейнері або змініть існуючий. Виберіть конфігурацію GA4, яку ви щойно створили, як "Тег конфігурації" і встановіть Ім'я події на "add_to_cart". І ми хочемо відправити параметри події: value, currency, item_id.

Ми беремо ці параметри з DataLayer, але оскільки ми передаємо не всі дані з DataLayer, ми хочемо створити змінні для цих параметрів.

Щоб створити ці змінні, нам потрібно запустити попередній перегляд у веб-контейнері і відкрити data layer.

Створимо змінну для "value".

Відкрийте змінні, створіть нову змінну Data Layer, у полі Data Layer Variable Name (Ім'я змінної рівня даних) напишіть шлях, який ми бачимо в нашому Data Layer для цього параметра. У цьому випадку це ecommerce.value. Натисніть "Зберегти".

Повторіть процес для інших параметрів.

Давайте повернемося до нашого тегу GA4 і запишемо параметри, які ми хочемо передати при спрацьовуванні add_to_cart. Додайте тригер. Тип тригера - кастомна подія, яка спрацьовує на всі кастомні події, ім'я події "add_to_cart". Натисніть "Зберегти".

2. Створіть новий тег Facebook Conversion API у вашому серверному контейнері. Перейдіть до галереї шаблонів спільноти і додайте тег Facebook Conversion API Tag. У цьому випадку ми обираємо перевизначення в методі налаштування імені події і тип події AddToCart. Заповніть FB API Access Token, FB Pixel ID, та Test ID, щоб бачити події в інструменті тестування FB.

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

Ми створюємо власний тригер події з назвою add_to_cart, який спрацьовує, коли ім'я клієнта дорівнює GA4. Натискаємо "Зберегти".

Перевірка правильності та повноти налаштуванняСкопіюйте посилання на цей розділ

Відкрийте відладчик веб- і серверних GTM-контейнерів і перейдіть на ваш сайт. У серверному GTM-контейнері ви повинні побачити запити, які отримує тег Facebook conversion API.

Ви також можете протестувати цю подію в інструменті тестування Facebook.

ВисновокСкопіюйте посилання на цей розділ

Дуже важливо йти в ногу з сучасними технологіями та цифровою епохою, в якій ми зараз живемо, тому ви повинні розуміти, яку величезну допомогу ви можете отримати від технології Facebook conversion API. Її використання для WordPress може призвести до більш точного відстеження даних, прискорення часу завантаження, підвищення рівня дотримання конфіденційності та покращення таргетингу реклами.

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