Інтегруйте Klaviyo зі своїм веб-сайтом за допомогою серверного контейнера Google Tag Manager

Тег Klaviyo для серверного контейнера Google Tag Manager — це кастомний тег, який допоможе вам додавати нових користувачів, надсилати події та параметри з вашого сайту на Klaviyo. Використовуючи цей спеціальний тег для серверного контейнера Google Tag Manager, ви можете інтегрувати Klaviyo за допомогою подій і параметрів серверного контейнера.

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

За допомогою нашого кастомного тегу немає потреби в роботі розробників, щоб налаштувати інтеграцію між вашим сайтом і Klaviyo. Налаштування виконується в інтерфейсі серверного контейнера Google Tag Manager і обробляється тегом Klaviyo для серверного контейнера Google Tag Manager.

Це чудовий спосіб заощадити час і гроші на маркетингові зусилля. Тому обов’язково скористайтеся цим! Klaviyo JavaScript може сповільнити швидкість вашої сторінки. Багато користувачів вважають, що новий Klaviyo onsite js великий і довго завантажується, що негативно впливає на їхні показники PageSpeed, особливо на мобільних пристроях. Налаштування інтеграції Klaviyo на стороні сервера допоможе вам уникнути цих проблем, водночас скориставшись усіма його функціями.

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

Отже, чого ви чекаєте? Використовуйте всі переваги цієї останньої розробки, налаштувавши інтеграцію сайту вже сьогодні – все робиться в інтерфейсі серверного контейнера GTM. Розробники не потрібні.

Як інтегрувати Klaviyo зі своїм сайтом за допомогою серверного контейнера Google Tag ManagerСкопіюйте посилання на цей розділ

Якщо у вас є електронні кампанії, важливо інтегрувати свій сайт і Klaviyo. Чим більше інформації про дії користувачів ви надсилаєте до Klaviyo, тим більше у вас можливостей для сегментації списків, автоматизації кампаній та надсилання високоцільованих та персоналізованих листів.

Klaviyo має деяку попередньо вбудовану інтеграцію для сайтів, які використовують стандартну CMS, як-от Shopify. Але що, якщо у вас є власний сайт або ви хочете відстежувати додаткові події, як-от додавання до списку бажань, надсилання форм або пошук на сайті? Або, можливо, ви хочете надіслати інші події зі свого магазину Shopify, BigCommerce або WordPress?

Klaviyo — це найкращий спосіб покращити свій електронний маркетинг і підвищити коефіцієнт конверсії. Але майте на увазі, що у вас буде багато роботи, якщо ви захочете впровадити її на своєму сайті.

Інтеграція Klaviyo на стороні сервера має дві основні переваги перед JavaScript:

• Теги на стороні сервера не перевантажать ваш веб-сайт. Як наслідок, ваш веб-сайт матиме вищі показники PageSpeed, що може позитивно вплинути на ваші органічні позиції. Деякі користувачі скаржаться, що нова версія Klaviyo JavaScript завантажується за 9 секунд.
• Тег SS Klaiyo може додавати нових користувачів до Klaviyo. Раніше це можна було зробити тільки через бекенд.

Використовуючи наш тег Klaviyo для Google Tag Manager, ви можете:

• додати нових користувачів до Klaviyo
• відстежувати активність користувачів на сайті
• надсилати події та параметри

На жаль, цей тег не підтримує Klaviyo Forms.

1. Перш за все, вам потрібно створити та налаштувати серверний контейнер Google Tag Manager. Дотримуйтесь цього гайду щодо налаштування серверного контейнера GTM.

2. Після того, як ви налаштували серверний контейнер, вам потрібно визначити, які дані користувача ви хочете надіслати та коли ви хочете їх надіслати. Після цього переконайтеся, що веб-контейнер Google Tag Manager містить цю інформацію. Швидше за все, ви матимете цю інформацію всередині змінних GTM або рівня даних, якщо ви використовували веб-контейнер Google Tag Manager для налаштування відстеження Google Analytics або Facebook.

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

4. Імпортуйте тег Klaviyo до серверного контейнера Google Tag Manager. Завантажте його з GitHub та імпортуйте за допомогою галереї шаблонів. Натисніть Шаблони -> У розділі Шаблони тегів натисніть Створити -> Клацніть три крапки у верхньому правому куті -> Імпортувати -> Коли закінчите, натисніть Зберегти.

5. Перейдіть до розділу тегів всередині серверного контейнера -> натисніть Створити -> Виберіть нещодавно імпортований тег Klaviyo -> Додайте назву тегу -> Додайте свій відкритий ключ API Klaviyo (як знайти відкритий ключ API)

6. У цьому прикладі я покажу вам, як надіслати події покупки в Klaviyo, призначити цю подію існуючому користувачеві або створити нового користувача.

Усередині серверного контейнера GTM створіть новий тег Klaviyo. Додайте публічний ключ API Klaviyo, виберіть подію та додайте змінну, яка включає електронну адресу користувача.

Тег Klaviyo використовуватиме електронну пошту для призначення подій до профілю Klaviyo. Якщо немає користувача з цією електронною поштою, буде створено нового користувача. Цей тег має ініціювати подію покупки.

7. Дозвольте мені також показати вам, як отримати електронну пошту користувача за допомогою тегу даних для веб-контейнера Google Tag Manager. Створіть новий тег у веб-контейнері та виберіть тип тегу Дані на стороні сервера GTM (ви можете завантажити його з GitHub та імпортувати у свій веб-контейнер) -> Виберіть стандартну назву події Покупка -> Додайте серверний домен GTM та GTM Server Preview HTTP header (заголовок попереднього перегляду потрібен, якщо ви хочете бачити інформацію тегу даних у Google Tag Manager server preview mode) -> Щоб надіслати електронний лист користувача про подію покупки, натисніть дані користувача, виберіть адресу електронної пошти та додайте змінну, яка має адресу електронної пошти користувача. Цей тег повинен ініціювати подію покупки. Вам також слід додати Data Client до серверного контейнера. Він прослухає тег даних і додасть інформацію до даних про події всередині серверного контейнера. Щоб додати клієнта даних, імпортуйте його в шаблони клієнтів.

8. Відкрийте режим попереднього перегляду та налагодження серверного та веб-контейнерів (переконайтеся, що ви додали GTM Server preview HTTP header, він потрібен, щоб більше переглядати події тегу даних у попередньому перегляді серверного контейнера. Ви можете знайти його, натиснувши три точки у верхньому правому куті режиму попереднього перегляду серверного контейнера Google Tag Manager і виберіть «Надіслати запити вручну».)

9. Після того, як ви переконаєтеся, що тег Klaviyo запускається всередині серверного контейнера Google Tag Manager і надсилає всі параметри, перейдіть до свого облікового запису Klaviyo і перевірте, чи ця подія була додана для користувача. Не забудьте опублікувати свої зміни.

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

Інтеграція Klaviyo з вашим сайтом допоможе вам ефективніше використовувати маркетингові кампанії електронною поштою. Тег Klaviyo для серверного контейнера Google Tag Manager дозволяє налаштувати інтеграцію без використання спеціального коду або тривалого очікування.

Якщо у вас виникли запитання щодо тегу Klaviyo чи інших тегів, зв’яжіться з нами за адресою support@stape.io