Google Tag Manager 서버 컨테이너를 사용하여 웹사이트에 Klaviyo 연동하기

Google Tag Manager 서버 컨테이너용 Klaviyo 태그는 웹사이트에서 Klaviyo로 신규 사용자를 추가하고 이벤트 및 파라미터를 전송하도록 지원하는 커스텀 태그입니다. 이 태그를 사용하면 개발자에게 연동 설정을 요청할 필요가 없습니다. Google Tag Manager 서버 컨테이너용 커스텀 태그를 사용하여 서버 컨테이너 이벤트와 파라미터로 Klaviyo를 연동할 수 있습니다. 

비즈니스 매출 창출에 있어 Klaviyo server-side tracking의 잠재력은 과소평가될 수 없으며, 이것이 바로 Stape의 최신 개발 기능을 소개하려는 이유입니다.  

커스텀 태그를 사용하면 웹사이트와 Klaviyo 간의 연동을 설정하기 위한 별도의 개발 작업이 필요하지 않습니다. 모든 설정은 Google Tag Manager 서버 컨테이너 인터페이스 내에서 완료되며, Google Tag Manager 서버 컨테이너용 Klaviyo 태그를 통해 처리됩니다.

이는 마케팅 리소스와 시간을 절약할 수 있는 훌륭한 방법이므로 꼭 활용해 보세요! Klaviyo JavaScript는 페이지 속도를 저하시킬 수 있습니다. 많은 사용자가 새로운 Klaviyo 온사이트 js 용량이 커서 로딩에 오랜 시간이 걸리고, 특히 모바일 기기에서 PageSpeed 점수에 부정적인 영향을 미친다는 점을 발견했습니다. Server-side Klaviyo 연동을 설정하면 모든 기능을 그대로 활용하면서 이러한 문제를 방지할 수 있습니다.

Klaviyo는 고객 획득부터 전환 최적화에 이르는 모든 과정을 지원하여 비즈니스에 더 많은 매출을 안겨줍니다. 

망설일 이유가 없습니다. GTM 서버 컨테이너 UI 내에서 모든 설정이 완료되는 사이트 연동을 지금 바로 시작해 보세요. 개발자가 필요하지 않습니다. 

이메일 캠페인을 진행 중이라면 웹사이트와 Klaviyo를 연동하는 것이 필수적입니다. 사용자 행동에 대한 정보를 Klaviyo에 더 많이 전송할수록 리스트 세그먼트화, 캠페인 자동화, 고도로 개인화된 타겟팅 이메일 발송의 가능성이 더욱 커집니다. 

Klaviyo는 Shopify와 같은 표준 CMS를 사용하는 사이트를 위해 사전 구축된 연동 기능을 제공합니다. 하지만 커스텀 사이트를 보유하고 있거나 위시리스트 추가, 폼 제출, 사이트 검색과 같은 추가 이벤트를 추적하고 싶다면 어떻게 해야 할까요? 또는 Shopify, BigCommerce, WordPress 스토어에서 다른 이벤트를 전송하고 싶다면 어떨까요? 

Klaviyo는 이메일 마케팅을 개선하고 전환율을 높이는 최적의 솔루션입니다. 하지만 웹사이트에 이를 직접 구현하려면 많은 작업이 필요할 수 있다는 점을 유의해야 합니다.

Server-side Klaviyo 연동은 JavaScript 방식 대비 두 가지 주요 이점이 있습니다:

• Server-side 태그는 웹사이트에 과부하를 주지 않습니다. 그 결과 웹사이트의 PageSpeed 점수가 향상되어 오가닉 검색 순위에도 긍정적인 영향을 미칠 수 있습니다. 일부 사용자는 새로운 버전의 Klaviyo JavaScript를 로드하는 데 9초가 걸린다고 보고하기도 합니다. 
• SS Klaviyo 태그는 Klaviyo에 신규 사용자를 추가할 수 있습니다. 이전에는 백엔드 연동이 필요했던 작업입니다.

Google Tag Manager용 Klaviyo 태그를 사용하면 다음 작업을 수행할 수 있습니다: 

• Klaviyo에 신규 사용자 추가
• 온사이트 사용자 활동 추적
• 이벤트 및 파라미터 전송

아쉽게도 이 태그는 Klaviyo Forms를 지원하지 않습니다.

1. 먼저 Google Tag Manager 서버 컨테이너를 생성하고 설정해야 합니다. GTM 서버 컨테이너 설정 가이드를 확인하세요.

2. 서버 컨테이너를 설정한 후, 전송할 사용자 데이터와 전송 시점을 정의해야 합니다. 그런 다음 Google Tag Manager 웹 컨테이너에 해당 정보가 있는지 확인하세요. Google Tag Manager 웹 컨테이너를 사용하여 Google Analytics 또는 Facebook 트래킹을 설정했다면 이미 GTM 변수나 data layer 내에 해당 정보가 있을 가능성이 높습니다.

3. 이 단계에서는 웹 Google Tag Manager 컨테이너의 정보를 서버 컨테이너로 전달해야 합니다. 이를 위해 Stape의 Data Tag 및 Data Client를 사용하는 것을 권장합니다. 해당 태그와 클라이언트는 변수, data layer, 이벤트 등을 포함한 정보를 웹 컨테이너에서 서버로 전송하도록 설계되었습니다. Data Tag는 웹 컨테이너에서 정보를 전송하고, Data Client는 서버 컨테이너 이벤트 데이터 내에서 이 데이터를 검색합니다. 

4. Template Gallery에서 Klaviyo 태그를 서버 컨테이너에 추가합니다. 

5. 이 예시에서는 구매(purchase) 이벤트를 Klaviyo에 전송하고, 이 이벤트를 기존 사용자에게 할당하거나 신규 사용자를 생성하는 방법을 보여드립니다. 

서버 컨테이너 내 태그 섹션으로 이동 → New 클릭 → 방금 추가한 Klaviyo 태그 선택 → 태그 이름 입력 → Klaviyo Private API key 추가(Private API key 확인 방법). 이벤트를 선택하고 사용자 이메일이 포함된 변수를 추가합니다.

Klaviyo 태그는 이메일을 사용하여 이벤트를 Klaviyo 프로필에 할당합니다. 해당 이메일을 가진 사용자가 없으면 신규 사용자를 생성합니다. 이 태그는 purchase 이벤트 시 트리거되어야 합니다. 

6. Google Tag Manager 웹 컨테이너용 Data Tag를 사용하여 사용자 이메일을 가져오는 방법도 살펴보겠습니다. 

• 워크스페이스에 태그를 추가한 후 표준 이벤트 이름인 Purchase를 선택합니다.

• GTM server-side domain 및 GTM Server Preview HTTP header를 추가합니다(Google Tag Manager 서버 미리보기 모드 내에서 Data Tag 정보를 확인하려면 미리보기 헤더가 필요합니다).
• purchase 이벤트에서 사용자 이메일을 전송하려면 user data를 클릭하고 이메일 주소를 선택한 다음 사용자 이메일이 포함된 변수를 추가합니다. 

이 태그는 purchase 이벤트에서 트리거되어야 합니다. 또한 서버 컨테이너에 Data Client를 추가해야 합니다. Data Client는 Data Tag를 수신 대기하고 서버 컨테이너 내 이벤트 데이터에 정보를 추가합니다.

8. 서버 및 웹 컨테이너의 Preview 및 Debug 모드를 엽니다(서버 컨테이너 미리보기 모드에서 Data Tag 이벤트를 보려면 GTM Server preview HTTP header를 추가했는지 확인하세요. Google Tag Manager 서버 컨테이너 미리보기 모드의 오른쪽 상단에 있는 점 세 개를 클릭하고 “Send requests manually”를 선택하여 확인할 수 있습니다).

9. Google Tag Manager 서버 컨테이너 내에서 Klaviyo 태그가 올바르게 트리거되고 모든 파라미터가 전송되는지 확인한 후, Klaviyo 계정으로 이동하여 해당 이벤트가 사용자에게 추가되었는지 확인하세요. 변경사항을 게시하는 것을 잊지 마세요.

본 가이드에서는 서버 GTM 컨테이너를 사용하여 Klaviyo를 연동하는 방법을 설명했습니다. 하지만 server-side tracking이 서버 GTM 대신 Signals Gateway 또는 Conversions API Gateway (CAPIG)를 기반으로 구축된 경우, 무료 Stape Conversion Tracking app for Klaviyo를 사용하여 웹사이트와 Klaviyo를 연동할 수 있습니다.

이 앱은 중요한 Klaviyo CRM 이벤트(예: 링크 클릭 또는 구독 취소)를 연동된 플랫폼으로 자동 전송합니다. 이를 통해 캠페인 최적화를 위해 퍼스트 파티 CRM 데이터를 손쉽게 활성화할 수 있습니다.

앱을 시작하려면 Stape Conversion Tracking app for Klaviyo 단계별 가이드 문서를 참조하세요.

server-side tracking을 처음 시작하는 경우를 위한 빠른 비교는 다음과 같습니다:

• Signals Gateway – 가장 빠르고 쉽게 배포할 수 있는 옵션입니다. 서버 GTM 컨테이너가 필요하지 않으며, 최소한의 구성으로 지원되는 플랫폼에 server-side 전환 이벤트를 전송하는 것이 목표인 경우에 적합합니다.
• CAPIG – 주로 Meta 광고에 집중하는 비즈니스에 가장 적합합니다. 서버 GTM 컨테이너를 관리하는 복잡함 없이 Meta Conversions API 전용 구현 환경을 제공합니다.
• Server GTM – 가장 유연한 솔루션입니다. 이벤트 처리를 커스터마이징하고, 데이터를 보강 및 변환하며, 여러 분석 및 마케팅 플랫폼과 연동하고, server-side tracking을 완벽하게 제어할 수 있습니다.

웹사이트에 Klaviyo를 연동하면 이메일 마케팅 캠페인을 훨씬 더 효율적으로 활용할 수 있습니다. Google Tag Manager 서버 컨테이너용 Klaviyo 태그를 사용하면 별도의 커스텀 코드 작업이나 오랜 대기 시간 없이 손쉽게 연동을 완료할 수 있습니다.

Klaviyo 태그 또는 기타 태그에 대해 궁금한 점이 있으시면 언제든지 support@stape.io로 문의해 주세요.