Stape

Facebook conversion API для Shopify

Оновлено
14 жовт. 2024 р.
Опубліковано
20 берез. 2023 р.
Також є

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

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

Користувачі Shopify мають кілька варіантів, як інтегрувати Facebook conversion API. У цій статті ми обговоримо всі з них і покажемо, як встановити Facebook conversion API для Shopify за допомогою додатку Stape Server GTM.

Переваги налаштування Facebook conversion API для Shopify

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

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

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

Використовуючи можливості Facebook Conversion API та Shopify, ви можете приймати більш обґрунтовані рішення, оптимізувати свої маркетингові зусилля та сприяти зростанню доходів.

Способи впровадження FB CAPI для Shopify

1. Zapier

Для тих, хто знайомий з Zapier, це є простий спосіб інтегрувати FB CAPI на Shopify. Хоча є три основні недоліки:

- відсутність кастомізації

- складність налаштування дедуплікації

- ціна

Налаштування дуже просте. Ви повинні вибрати, яка дія в Shopify повинна надсилати серверну подію до Facebook. Але немає можливості додавати будь-які кастомні події або відстежувати події, такі як add to cart чи product view. Крім того, якщо ви хочете використовувати гібридний підхід FB pixel + FB CAPI, як пропонується в мета-документації, надсилати один і той же ідентифікатор події з веб і сервера Zapier буде складно.

shopify app with zapier

2. Використовуючи вбудовану інтеграцію з Shopify

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

shopify integration with facebook

3. За допомогою server-side Google Tag Manager

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

Все тому, що налаштування FB CAPI для Shopify за допомогою серверного Google Tag Manager дозволяє кастомізувати, збагачувати дані і налаштовувати правильну дедуплікацію подій. У наступному розділі ми покажемо, як налаштувати FB CAPI для Shopify за допомогою додатку stape sGTM.

add shopify with stape server gtm app

Як налаштувати Facebook conversion API для Shopify

3. Надішліть дані на серверний контейнер Google Tag Manager. Існує три найпопулярніші способи зробити це:

Ось деякі з ключових переваг використання Data Tag/Data Client для надсилання даних з контейнера Web до Server замість використання GA4 або UA:

  • Data Tag/Data Client може працювати з масивами даних.
  • Data Tag намагається розібрати ваш DataLayer і відправити всю інформацію, яку він може знайти, до серверного контейнера.
  • Data tag додає деякі опції для модифікації даних всередині нього.
  • Якщо ви використовуєте серверний тег FB для налаштування FB conversion API і поєднуєте його з Data Tag/Data Client FB, він буде брати дані з Data Tag, і вам не потрібно буде додавати інформацію про продукт і користувача вручну.

Надсилання даних з веб-контейнера Google Tag Manager до серверного контейнера

Ми розглянемо відправку даних з веб-контейнера GTM в серверний контейнер GTM на основі Data Tag і Data Client на прикладі події add_to_cart.

1. У вашому Web Google Tag Manager перейдіть до галереї шаблонів, знайдіть тег Data Tag і додайте його до Workspace.

2. Щоб переконатися, що події електронної комерції ( e-commerce), продукт і дані користувача налаштовані правильно, відкрийте веб-контейнер GTM і перевірте data layer, який додаток stape server GTM надсилає для кожної події електронної комерції. Можливо, вам доведеться налаштувати змінну data layer для події або даних користувача, які ви маєте надіслати до Facebook.

in web gtm container the data layer

3. Перейдіть до Тегів і створіть новий Data Tag.

4. Усередині Data Tag у назві події виберіть стандарт і натисніть кнопку Додати до кошика. Додайте URL-адресу вашого сервера тегів (tagging server URL). Додайте дані події (наприклад, назву товару, вартість, ідентифікатор тощо) і дані користувача вручну або виберіть Надіслати все з DataLayer. Ви можете залишити всі інші налаштування без змін. Додайте тригер, в моєму випадку - кастомну подію add_to_cart.

data tag configuration

5. Додайте Data Client всередині серверного контейнера Google Tag Manager. Цей клієнт буде слухати тег даних, обробляти всю інформацію і перетворювати її в дані подій всередині серверного контейнера. Відкрийте це посилання -> Натисніть на зелену кнопку Code -> Завантажте Zip-файл -> Перейдіть до тегу templates в контейнері Google Tag Manager Server -> У розділі Client Templates натисніть New -> Import -> Натисніть Save.

6. Створіть Data Client у серверному контейнері GTM. Виберіть Клієнти, натисніть Створити і виберіть Data Client.

data client configuration

7. Відкрийте режим попереднього перегляду веб-контейнера і серверного контейнера і перевірте, чи бачить серверний контейнер інформацію Data Tag. Якщо ви не бачите жодних подій, переконайтеся, що ви опублікували серверний контейнер і перевірте правильність Preview header.

FB conversion API для Shopify

Зараз я покажу вам, як створити подію "Add To Cart”" для Facebook conversion API за допомогою Data Tag/Data Client.

1. Створіть змінні всередині серверного контейнера, які будуть зберігати дані request_data, які ви надіслали з веб-контейнера. Перейдіть на вкладку змінних всередині серверного контейнера -> Створити нову змінну -> Тип змінної - event data -> Додайте Key Path.

variable type event data

2. Створіть новий тег. Перейдіть до галереї шаблонів спільноти і додайте тег Facebook Conversion API. У тегу виберіть override в полі Event Name Setup Method і виберіть подію AddToCart. Заповніть свій токен доступу до FB API, ідентифікатор пікселя FB та ідентифікатор тесту, щоб бачити події в інструменті тестування FB. Додайте User Data та Custom Data, які ви хочете відправити до Facebook.

facebook conversion api tag

3. Додайте тригер. Натисніть на тригери-> + у верхньому правому куті-> налаштування тригера і виберіть кастомний тригер події-> введіть add_to_cart в назву події, і цей тригер буде спрацьовувати на Some Custom Events-> Client Name дорівнює Data Client. Натисніть зберегти.

trigger configuration

Перевірка правильності та повноти налаштування

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

facebook add to cart

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

teste event in facebook testing tool

Висновок:

Загалом, користувачі Shopify мають безліч варіантів, коли справа доходить до інтеграції Facebook conversion API. Ми детально обговорили кожну з цих можливостей і дослідили, як налаштувати Facebook conversion API для Shopify за допомогою додатку Stape Server Google Tag Manager.

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

Щоб швидко розпочати роботу і досягти найкращих результатів, ми рекомендуємо спробувати додаток Stape Server GTM для Shopify, який є простим способом налаштування.

Спробуйте Stape для серверного трекінгуright now!