Интеграция Klaviyo с сайтом с помощью серверного контейнера Google Tag Manager

Тег Klaviyo для серверного контейнера Google Tag Manager — это кастомный тег, который поможет вам добавлять новых пользователей, а также отправлять события и параметры с вашего сайта в Klaviyo. С этим тегом вам не придется привлекать разработчиков для настройки интеграции. Используя этот кастомный тег для серверного контейнера Google Tag Manager, вы можете интегрировать Klaviyo с помощью событий и параметров серверного контейнера. 

Потенциал server-side tracking в Klaviyo для роста доходов вашего бизнеса сложно переоценить, и именно поэтому мы спешим рассказать вам о нашей новой разработке.  

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

Это отличный способ сэкономить время и деньги на маркетинге. Обязательно воспользуйтесь им! JavaScript-код Klaviyo может замедлять скорость загрузки страниц. Многие пользователи отмечают, что новый onsite js от Klaviyo имеет большой вес и долго загружается, что негативно сказывается на показателях PageSpeed, особенно на мобильных устройствах. Настройка серверной интеграции Klaviyo поможет избежать этих проблем, сохранив доступ ко всем возможностям платформы.

Klaviyo оптимизирует все этапы — от привлечения клиентов до увеличения конверсий, что принесет вашему бизнесу дополнительный доход. 

Чего же вы ждете? Воспользуйтесь нашей разработкой и настройте интеграцию с сайтом уже сегодня: всё выполняется в интерфейсе серверного контейнера GTM и не требует участия разработчиков. 

Если вы запускаете email-кампании, интеграция сайта с Klaviyo просто необходима. Чем больше данных о действиях пользователей вы передаете в Klaviyo, тем шире возможности для сегментации списков, автоматизации рассылок и отправки персонализированных таргетированных писем. 

В Klaviyo есть готовые интеграции для сайтов на стандартных CMS, таких как Shopify. Но что, если у вас кастомный сайт или вы хотите отслеживать дополнительные события вроде добавления в список желаний, отправок форм или поиска по сайту? Или передавать другие события из магазина на Shopify, BigCommerce или WordPress? 

Klaviyo — лучший способ улучшить email-маркетинг и увеличить коэффициент конверсии. Однако помните, что реализация этого решения на вашем сайте может потребовать немало усилий.

У серверной интеграции Klaviyo есть два ключевых преимущества перед JavaScript:

• Серверные теги не перегружают сайт. В результате показатели PageSpeed будут выше, что может положительно повлиять на позиции в органической выдаче. Некоторые пользователи отмечают, что новая версия JavaScript Klaviyo загружается целых 9 секунд. 
• Серверный тег Klaviyo может добавлять новых пользователей в Klaviyo. Раньше для этого требовалась интеграция на бэкенде.

С помощью нашего тега Klaviyo для Google Tag Manager вы можете: 

• добавлять новых пользователей в Klaviyo
• отслеживать активность пользователей на сайте
• отправлять события и параметры

К сожалению, этот тег не поддерживает формы Klaviyo Forms.

1. Прежде всего, необходимо создать и настроить серверный контейнер Google Tag Manager. Следуйте этой инструкции по настройке серверного контейнера GTM.

2. После настройки серверного контейнера определите, какие пользовательские данные и в какой момент вы хотите отправлять. Затем убедитесь, что веб-контейнер Google Tag Manager содержит эту информацию. Скорее всего, нужные данные уже есть в переменных GTM или в data layer, если вы использовали веб-контейнер Google Tag Manager для настройки Google Analytics или Facebook.

3. На этом шаге нужно передать информацию из веб-контейнера Google Tag Manager в серверный контейнер. Для этого я рекомендую использовать наши Data Tag и Data Client. Этот тег и клиент созданы специально для передачи данных из веб-контейнера на сервер, включая переменные, data layer, события и т. д. Data Tag отправляет информацию из веб-контейнера, а Data Client извлекает эти данные в данные событий внутри серверного контейнера. 

4. Добавьте тег Klaviyo в серверный контейнер из Template Gallery. 

5. В этом примере я покажу, как отправить событие покупки (purchase) в Klaviyo, привязать это событие к существующему пользователю или создать нового. 

Перейдите в раздел тегов в серверном контейнере → нажмите New → выберите добавленный тег Klaviyo → укажите название тега → добавьте ваш Klaviyo Private API key (как найти Private API key). Выберите событие и добавьте переменную, содержащую email пользователя.

Тег Klaviyo использует email для привязки событий к профилю в Klaviyo. Если пользователя с таким email нет, будет создан новый профиль. Этот тег должен срабатывать на событие purchase. 

6. Позвольте также показать, как получить email пользователя с помощью Data Tag для веб-контейнера Google Tag Manager. 

• После добавления тега в рабочую область выберите стандартное название события Purchase.

• Укажите домен серверного GTM и HTTP-заголовок GTM Server Preview (заголовок предпросмотра необходим, если вы хотите видеть данные Data Tag в режиме предпросмотра серверного Google Tag Manager)
• Чтобы отправить email пользователя при событии покупки, нажмите User Data, выберите Email Address и добавьте переменную, содержащую email пользователя. 

Этот тег должен срабатывать на событие покупки. Также необходимо добавить Data Client в серверный контейнер. Он будет принимать запросы от Data Tag и добавлять информацию в данные событий внутри серверного контейнера.

8. Откройте режим Preview and Debug для серверного и веб-контейнеров (убедитесь, что вы добавили HTTP-заголовок GTM Server preview — он необходим для отображения событий Data Tag в режиме предпросмотра серверного контейнера. Найти его можно, нажав на три точки в правом верхнем углу в режиме предпросмотра серверного контейнера Google Tag Manager и выбрав «Send requests manually»).

9. Убедившись, что тег Klaviyo срабатывает в серверном контейнере Google Tag Manager и отправляет все параметры, перейдите в аккаунт Klaviyo и проверьте, добавилось ли событие пользователю. Не забудьте опубликовать изменения.

В этом руководстве показано, как интегрировать Klaviyo с помощью серверного контейнера GTM. Однако если ваш server-side tracking построен на Signals Gateway или Conversions API Gateway (CAPIG) вместо серверного GTM, вы можете интегрировать Klaviyo с сайтом через бесплатное приложение Stape Conversion Tracking для Klaviyo.

Приложение автоматически отправляет ключевые CRM-события Klaviyo (например, клик по ссылке или отписку) в подключенные платформы. Это упрощает активацию first-party CRM-данных для оптимизации кампаний.

Чтобы начать работу с приложением, ознакомьтесь с нашей пошаговой инструкцией по приложению Stape Conversion Tracking для Klaviyo.

Если вы только начинаете осваивать server-side tracking, вот краткое сравнение:

• Signals Gateway — самый быстрый и простой вариант для внедрения. Он не требует серверного контейнера GTM и идеально подходит, если ваша цель — отправлять серверные события конверсий на поддерживаемые платформы с минимальной настройкой.
• CAPIG — оптимальное решение для бизнеса, ориентированного преимущественно на рекламу в Meta. Оно обеспечивает выделенное внедрение Meta Conversions API без сложностей, связанных с управлением серверным контейнером GTM.
• Server GTM — самое гибкое решение. Оно позволяет кастомизировать обработку событий, обогащать и преобразовывать данные, интегрироваться со множеством аналитических и маркетинговых платформ, а также сохранять полный контроль над вашим server-side tracking.

Интеграция Klaviyo с вашим сайтом позволит более эффективно проводить кампании email-маркетинга. Тег Klaviyo для серверного контейнера Google Tag Manager позволяет настроить интеграцию без написания кастомного кода и долгих ожиданий.

Если у вас возникли вопросы по тегу Klaviyo или другим тегам, свяжитесь с нами по адресу support@stape.io