서버 측 태깅 - 쇼피

Ivanna Holubovska

Ivanna Holubovska

작성자
업데이트된
2026.06.12
가능한 언어

쉽고 빠르게 쇼피 서버 측 태깅을 설정하려고 하시나요? 그런다면 Stape Conversion Tracking 앱을 찾을 필요가 없습니다. 우리 앱을 사용하면 웹 Google Tag Manager 스크립트를 웹 사이트에 쉽게 삽입하고 사용자 지정 도메인 및 사용자 지정 로더를 설정하며 사용자 및 전자 상거래 이벤트 데이터를 데이터 레이어로 전송하고 웹훅을 설정할 수 있습니다. 이러한 모든 기능은 쿠키 수명을 연장하여 추적을 더 정확하게 만들고 브라우저 추적 방지 기술에 내성을 부여하며 서버 엔드포인트를 통해 광고 및 마케팅 플랫폼으로 신뢰성 있는 데이터를 전송하여 추적을 더욱 효율적으로 만들어줄 것입니다.

이 블로그 글에서는 Stape 앱을 Shopify에 구성하고 설치하는 방법을 탐색하여 이러한 강력한 기능을 즉시 사용할 수 있게 해드립니다.

Shopify용 서버 측 태깅 사용의 이점

서버 측 태깅은 정확한 전환 추적과 사용자 분석을 통해 마케팅 캠페인의 성공을 크게 높일 수 있습니다. 그러나 이러한 이점을 최대로 활용하려면 세심한 설정이 필요합니다.

서버 측 태깅 구현을 가능한 간단하게 만들기 위해 우리는 Server GTM Shopify 앱을 만들었습니다. 이 앱은 무료로 사용할 수 있으며 Shopify 스토어용 서버 Google Tag Manager 컨테이너를 쉽게 구성하는 데 도움을 줍니다. 하지만 먼저 Shopify 사이트용 서버 측 태깅의 주요 이점에 대해 이야기해보겠습니다.

1. 더 나은 데이터 정확도: 서버 측 태깅은 광고 차단기, 브라우저 확장 프로그램 또는 기타 클라이언트 측 요소로 인한 데이터 손실 또는 오류 위험을 줄여 정확한 데이터 수집을 돕습니다.

2. 정확한 전환 속성: 서버를 통해 증가된 쿠키 수명과 사용자 데이터로 인해 광고 네트워크는 마케팅 캠페인에 대한 전환을 더 정확하게 속성화할 수 있습니다.

3. 웹 사이트 성능 개선: 서버 측 태깅을 사용하면 태그가 클라이언트 측이 아닌 서버에서 로드되므로 사용자 브라우저에 로드해야 하는 코드 양이 줄어들어 웹 사이트 로딩 속도를 향상시킬 수 있습니다. 이는 사용자 경험과 SEO에 중요합니다.

4. 향상된 보안: 서버 측 태깅은 클라이언트 측 취약점으로 인한 데이터 유출이나 기타 보안 위협 위험을 줄이는 데 도움을 줄 수 있습니다.

Shopify 스토어에서 서버 측 태깅 설정하는 방법

1단계. Stape에서 서버 Google Tag Manager 컨테이너를 설정하세요

아래 접힌 요소를 펼치면 자세한 가이드를 확인하실 수 있습니다.

2단계. Shopify용 Stape Conversion Tracking 앱 추가 및 구성하기

2.1 스토어에 Stape Conversion Tracking 앱을 설치하세요

Shopify용 Stape Conversion Tracking 앱은 Shopify 마켓플레이스에서 무료로 설치할 수 있습니다.

Shopify 스토어의 Stape Conversion Tracking 앱

2.2 General 탭 구성하기

General 탭에는 광고 차단기, ITP, 쿠키 유효 기간 제한에 강한 방식으로 Shopify 쇼핑몰의 모든 페이지에 GTM 스니펫을 추가하는 것과 관련된 모든 설정이 있습니다.

"General" 탭 설정
  • Use Shopify Markets

여러 Shopify 마켓을 운영 중이라면 이 체크박스를 선택하세요. 이 기능을 사용하면 각 Shopify 마켓별로 GTM 삽입을 개별 구성할 수 있습니다. 비활성화된 경우 모든 마켓이 기본 설정을 사용합니다.

활성화하면 각 마켓에 대해 구성해야 할 필드가 표시됩니다.

  • Insert GTM: 체크하면 GTM 스니펫이 웹사이트의 모든 페이지에 추가됩니다.
GTM의 컨테이너 ID
  • Customer privacy API: 활성화하면 Shopify의 Customer Privacy 배너를 통해 방문자가 쿠키를 수락할 때까지 앱이 GTM 로딩을 보류합니다. 기본적으로 권장되지 않는 옵션입니다.
  • Custom domain, Stape container ID, Cookie Keeper: 이 필드들은 서버사이드 추적과 관련이 있습니다. 서버사이드 설정을 사용 중이거나 사용할 계획이라면 구성해야 합니다. 각 필드의 값을 찾는 방법은 아래에서 설명합니다.
GTM 삽입 구성
  • GTM web container ID

여기에 웹 GTM 컨테이너 ID를 입력하세요.

  • Custom domain

퍼스트파티 쿠키가 올바르게 작동하고 추적이 전반적으로 신뢰할 수 있게 기능하려면 자체 서브도메인을 사용하는 것이 매우 중요합니다. sGTM 컨테이너에 서브도메인을 아직 추가하지 않으셨다면 커스텀 도메인 가이드를 참고하여 추가하세요.

  • Custom Loader

광고 차단기에 대한 보호를 강화하기 위해 사용을 강력히 권장합니다.

해당 체크박스를 선택하고 Stape 컨테이너 식별자를 지정하세요. 찾는 방법: Stape 계정에 로그인하고 sGTM 컨테이너를 선택한 후 Settings 섹션에서 컨테이너 식별자를 확인하세요.

"Settings" 섹션의 컨테이너 식별자
  • Cookie Keeper

이 기능을 사용하면 최신 ITP 제한의 영향을 최소화할 수 있습니다. 앱을 통해 활성화하기 전에 Stape의 해당 컨테이너에서 먼저 활성화되어 있는지 확인하세요. Cookie Keeper를 구성하려면 접힌 요소를 클릭하고 안내에 따르세요.

  • GTM snippet block

여기서 GTM 스니펫을 가져와 Shopify 테마 외부 페이지 (Zipify 같은 서드파티 앱으로 만든 페이지 등)에 설치할 수 있습니다.

2.3 Data Layer 탭 구성하기

Data Layer 탭에는 활성화 및 구성할 데이터 레이어 이벤트가 있습니다. 두 번째 상자는 GTM에서의 충돌을 방지하기 위해 이벤트 이름에 _stape 접미사를 붙일지 여부를 제어합니다. 꺼져 있으면 이벤트는 원래 이름을 유지합니다.

"Data Layer" 탭

데이터 레이어 활성화:

  • Add ecommerce Data Layer events 체크박스를 활성화하세요.
  • 변경 사항을 저장하세요.
  • Data Layer 탭 하단 상자에 있는 커스텀 픽셀용 코드를 복사하고, 추가 및 활성화를 위한 안내에 따르세요.

Customer privacy 섹션의 권한 스포일러 아래에서 Not required를 선택했는지 확인하세요. 코드 스니펫은 데이터 레이어만 생성하며, 쿠키를 설정하거나 제3자에게 데이터를 보고하지 않습니다.

Data Layer 탭에는 개발자 및 스토어 관리자를 위한 디버깅 옵션인 **Log events to console (Dev)**도 있습니다. 활성화하면 브라우저 콘솔에 이커머스 이벤트가 기록되고, 검증을 위해 GTM/Stape 서버 컨테이너로 전송되는 이벤트 페이로드가 표시되며, 데이터 레이어 디버깅에 도움이 됩니다.

이 옵션은 개발 전용이며, 불필요한 콘솔 로그를 방지하기 위해 프로덕션 환경에서는 비활성화해야 합니다.

"Log events to console (Dev)" 체크박스

2.4 Webhooks 탭 구성하기

Webhook 이벤트는 Webhook 탭에서 구성합니다.

참고: Shopify에서 Webhook의 문제점은 모든 플랫폼의 추적에 필수적인 쿠키 데이터를 포함하지 않는다는 것입니다. 따라서 Webhook 이벤트 사용은 어떤 이유로든 온라인 추적이 불가능한 경우에만 최후 수단으로 권장됩니다.

이 탭에서 Webhook 이벤트를 구성합니다.

"Webhook" 탭

Webhook을 활성화하려면 체크박스를 선택하고, 서버 GTM 컨테이너의 URL과 Webhook을 전송할 /path를 지정하세요.

새 주문이 생성되거나 주문에 대한 환불이 이루어질 때 Webhook을 구독할 수 있습니다.

Webhook 사용 및 디버깅에 관한 유용한 블로그 글:

2.5 Customer Match 탭

Google Ads 캠페인을 운영하지 않거나 Customer Match 목록을 사용하지 않는다면 이 탭의 구성을 건너뛰세요.

3단계. 서버 Google Tag Manager 컨테이너로 데이터 전송하기

가장 일반적인 두 가지 방법:

4단계. 서버 Google Tag Manager 컨테이너 내에서 추적 구성하기

대부분의 주요 마케팅 및 분석 도구는 이미 서버사이드 태깅을 지원하며 sGTM용 태그를 갖추고 있습니다. 사이트에서 구현 가이드를 확인하실 수 있습니다 (예: Facebook CAPI, TikTok Events API, Snapchat Conversions API, Google Ads 서버사이드 추적 등).

5단계. 앱 구성 테스트하기

GTM 다운로드 디버깅

활성화 또는 변경 후에는 컨테이너가 실제로 사이트에 업로드되었는지 확인하는 것을 권장합니다.

이를 위해 사이트의 임의 페이지로 이동하고 브라우저 콘솔을 열어 네트워크 탭에서 서브도메인/태깅 서버 URL로 필터링하세요. 응답 상태 200과 함께 아래 스크린샷과 같은 요청이 표시되어야 합니다.

"Network" tab in browser console

결제 데이터 레이어 이벤트 디버깅

결제 페이지 이전에 발생하는 이벤트는 다른 플랫폼과 동일하게 작동합니다. 웹 GTM 컨테이너의 미리보기를 실행하여 모든 이벤트를 확인할 수 있습니다.

웹 GTM 미리 보기 모드의 이벤트

결제 이벤트는 GTM Preview에 표시되지 않습니다. 이는 이 페이지들의 격리된 환경이 GTM 스니펫을 포함한 무제한 DOM 조작이나 스크립트 삽입을 차단하기 때문입니다.

하지만 Stape GTM Helper Chrome 확장 프로그램을 사용해 결제 페이지에 스니펫을 수동으로 삽입할 수 있습니다.

  1. GTM에서 Preview 모드를 실행한 후 확장 프로그램의 Settings 탭에서 Shopify Sandbox dataLayer 토글을 켜세요.
  2. Inject GTM 탭에서 Enable injection을 클릭하고, 도메인 이름과 GTM ID를 추가하세요. 변경 사항을 저장하세요.
Inserting the snippet on the checkout page manually

이제 결제 페이지의 이벤트가 GTM Preview에 표시됩니다.

웹 GTM 미리 보기 모드의 결제 페이지 이벤트

결론

서버 측 태깅의 가능성은 빠르게 확대되어 전환 추적 및 분석의 정확도를 높이는 뛰어난 도구를 사용자에게 제공합니다. 또한 Stape는 클라이언트를 위해 sGTM 사용을 간소화하려고 노력하고 Shopify용 Conversion Tracking 앱을 출시합니다.

Shopify용 Stape Conversion Tracking은 다양한 기능과 이점을 제공하는 훌륭한 도구입니다. 예를 들어 Google Tag Manager 스크립트를 추가하고 사용자 정의 도메인 및 로더를 구성하여 웹 사이트에서 추적을 쉽게 설정할 수 있습니다. 또한 사용자 데이터를 데이터 레이어로 전송하고 웹훅을 설정할 수 있습니다.

이러한 모든 기능은 쿠키 수명을 연장하고 브라우저 추적 방지 기술에 내성을 부여하여 분석 데이터를 더 정확하게 만들어줍니다. 이 도구들은 서버 엔드포인트를 통해 광고 및 마케팅 플랫폼으로 신뢰성 있는 데이터를 전송하는 데 필수적입니다.

Shopify 서버 측 태깅 설정을 빠르고 간단하게 하려면 Stape가 최적의 선택입니다. 오늘 이 훌륭한 솔루션을 활용하고 Stape Conversion Tracking 앱을 통해 더 정확한 추적 인사이트의 혜택을 누려보세요. 지금 직접 테스트해보세요 - 우리는 여러분이 만족할 것이라고 확신합니다!

설정에 도움이 필요하신가요?

걱정 마세요! 도움 받기를 클릭하고 양식을 작성하면 견적을 보내드립니다.

도움 받기
author

Ivanna Holubovska

Author

Ivanna는 Stape의 콘텐츠 매니저이며 Clutch와 KyivPost 인증 작가입니다. 서버 사이드 트래킹으로 전략과 분석을 최적화합니다.

댓글

Stape를 사용해보세요, 모든 서버 사이드에 관한 것