쉽고 빠르게 쇼피 서버 측 태깅을 설정하려고 하시나요? 그런다면 Stape Conversion Tracking 앱을 찾을 필요가 없습니다. 우리 앱을 사용하면 웹 Google Tag Manager 스크립트를 웹 사이트에 쉽게 삽입하고 사용자 지정 도메인 및 사용자 지정 로더를 설정하며 사용자 및 전자 상거래 이벤트 데이터를 데이터 레이어로 전송하고 웹훅을 설정할 수 있습니다. 이러한 모든 기능은 쿠키 수명을 연장하여 추적을 더 정확하게 만들고 브라우저 추적 방지 기술에 내성을 부여하며 서버 엔드포인트를 통해 광고 및 마케팅 플랫폼으로 신뢰성 있는 데이터를 전송하여 추적을 더욱 효율적으로 만들어줄 것입니다.
이 블로그 글에서는 Stape 앱을 Shopify에 구성하고 설치하는 방법을 탐색하여 이러한 강력한 기능을 즉시 사용할 수 있게 해드립니다.
서버 측 태깅은 정확한 전환 추적과 사용자 분석을 통해 마케팅 캠페인의 성공을 크게 높일 수 있습니다. 그러나 이러한 이점을 최대로 활용하려면 세심한 설정이 필요합니다.
서버 측 태깅 구현을 가능한 간단하게 만들기 위해 우리는 Server GTM Shopify 앱을 만들었습니다. 이 앱은 무료로 사용할 수 있으며 Shopify 스토어용 서버 Google Tag Manager 컨테이너를 쉽게 구성하는 데 도움을 줍니다. 하지만 먼저 Shopify 사이트용 서버 측 태깅의 주요 이점에 대해 이야기해보겠습니다.
1. 더 나은 데이터 정확도: 서버 측 태깅은 광고 차단기, 브라우저 확장 프로그램 또는 기타 클라이언트 측 요소로 인한 데이터 손실 또는 오류 위험을 줄여 정확한 데이터 수집을 돕습니다.
2. 정확한 전환 속성: 서버를 통해 증가된 쿠키 수명과 사용자 데이터로 인해 광고 네트워크는 마케팅 캠페인에 대한 전환을 더 정확하게 속성화할 수 있습니다.
3. 웹 사이트 성능 개선: 서버 측 태깅을 사용하면 태그가 클라이언트 측이 아닌 서버에서 로드되므로 사용자 브라우저에 로드해야 하는 코드 양이 줄어들어 웹 사이트 로딩 속도를 향상시킬 수 있습니다. 이는 사용자 경험과 SEO에 중요합니다.
4. 향상된 보안: 서버 측 태깅은 클라이언트 측 취약점으로 인한 데이터 유출이나 기타 보안 위협 위험을 줄이는 데 도움을 줄 수 있습니다.
아래 접힌 요소를 펼치면 자세한 가이드를 확인하실 수 있습니다.
1단계. Google Tag Manager 서버 컨테이너 만들기
1.1 웹 Google Tag Manager 컨테이너를 여세요. Admin을 클릭하고, 컨테이너 열 아래의 **+**를 클릭하세요.

1.2 컨테이너 이름을 입력하고 Server를 선택한 후 Create를 클릭하세요.

1.3 Manually provision tagging server를 선택하고, 컨테이너 구성을 복사하여 텍스트 편집기에 붙여넣으세요. 다음 단계에서 필요합니다.

2단계. 서버 GTM 컨테이너를 호스팅할 Stape 계정 만들기
2.1 stape.io에 접속하여 계정을 만들거나 로그인하세요.

2.2 메인 페이지에서 Create sGTM container를 클릭하세요.

2.3 컨테이너 세부 정보를 입력하세요.
Create Container를 클릭하세요.

2.4 컨테이너 플랜을 선택하세요. 무료 플랜으로 시작할 수 있습니다. Continue with a Free plan을 클릭하세요.

2.5 컨테이너 상태, 컨테이너 구성, 플랜 이름이 표시됩니다. 서버 컨테이너 배포에는 약 5분이 소요됩니다.
상태를 업데이트하려면 페이지를 새로고침하세요. Google Tag Manager 서버사이드 설정이 올바르게 완료되었다면 상태가 Running으로 표시됩니다.

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

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

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


여기에 웹 GTM 컨테이너 ID를 입력하세요.
퍼스트파티 쿠키가 올바르게 작동하고 추적이 전반적으로 신뢰할 수 있게 기능하려면 자체 서브도메인을 사용하는 것이 매우 중요합니다. sGTM 컨테이너에 서브도메인을 아직 추가하지 않으셨다면 커스텀 도메인 가이드를 참고하여 추가하세요.
광고 차단기에 대한 보호를 강화하기 위해 사용을 강력히 권장합니다.
해당 체크박스를 선택하고 Stape 컨테이너 식별자를 지정하세요. 찾는 방법: Stape 계정에 로그인하고 sGTM 컨테이너를 선택한 후 Settings 섹션에서 컨테이너 식별자를 확인하세요.

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

2. Power-ups로 이동하여 Cookie Keeper 패널 옆의 Use를 클릭하세요.

3. Cookie Keeper 토글을 켜서 활성화하세요.

4. Standard cookies 아래에서 연장할 쿠키를 선택하세요.

사용자 지정 쿠키
필요한 쿠키가 표준 목록에 없는 경우 커스텀 쿠키를 구성할 수 있습니다. 쿠키 이름을 입력하고 선택적으로 일 단위로 만료 기간을 설정하세요 (무기한 유지하려면 비워 두세요).

5. Save changes를 클릭하세요.
설정 테스트
아래 단계에서는 Google Analytics _ga 쿠키를 예시로 사용하지만, 동일한 흐름을 모든 플랫폼에 적용할 수 있습니다. 최소 하나의 GA4 태그를 설정했는지 먼저 확인하세요.
_ga 쿠키를 설정하기 위해 사이트 URL에 ?galid=test123 쿼리 파라미터를 추가하여 접속하세요. 예: yourwebsite.com/?galid=test123_ga를 찾아 값을 복사해 기록해 둔 후 쿠키를 삭제하세요 (쿠키를 마우스 오른쪽 버튼으로 클릭 → Delete)._ga 쿠키가 동일한 값으로 다시 나타났는지 확인하세요. 그렇다면 Cookie Keeper가 정상적으로 작동 중입니다.
여기서 GTM 스니펫을 가져와 Shopify 테마 외부 페이지 (Zipify 같은 서드파티 앱으로 만든 페이지 등)에 설치할 수 있습니다.
Data Layer 탭에는 활성화 및 구성할 데이터 레이어 이벤트가 있습니다. 두 번째 상자는 GTM에서의 충돌을 방지하기 위해 이벤트 이름에 _stape 접미사를 붙일지 여부를 제어합니다. 꺼져 있으면 이벤트는 원래 이름을 유지합니다.

여기서 Stape 앱을 통해 추가되는 이벤트의 전체 목록과 페이로드를 확인할 수 있습니다.
데이터 레이어 활성화:
Customer privacy 섹션의 권한 스포일러 아래에서 Not required를 선택했는지 확인하세요. 코드 스니펫은 데이터 레이어만 생성하며, 쿠키를 설정하거나 제3자에게 데이터를 보고하지 않습니다.
Data Layer 탭에는 개발자 및 스토어 관리자를 위한 디버깅 옵션인 **Log events to console (Dev)**도 있습니다. 활성화하면 브라우저 콘솔에 이커머스 이벤트가 기록되고, 검증을 위해 GTM/Stape 서버 컨테이너로 전송되는 이벤트 페이로드가 표시되며, 데이터 레이어 디버깅에 도움이 됩니다.
이 옵션은 개발 전용이며, 불필요한 콘솔 로그를 방지하기 위해 프로덕션 환경에서는 비활성화해야 합니다.

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

Webhook을 활성화하려면 체크박스를 선택하고, 서버 GTM 컨테이너의 URL과 Webhook을 전송할 /path를 지정하세요.
새 주문이 생성되거나 주문에 대한 환불이 이루어질 때 Webhook을 구독할 수 있습니다.
Webhook 사용 및 디버깅에 관한 유용한 블로그 글:
Google Ads 캠페인을 운영하지 않거나 Customer Match 목록을 사용하지 않는다면 이 탭의 구성을 건너뛰세요.
가장 일반적인 두 가지 방법:
대부분의 주요 마케팅 및 분석 도구는 이미 서버사이드 태깅을 지원하며 sGTM용 태그를 갖추고 있습니다. 사이트에서 구현 가이드를 확인하실 수 있습니다 (예: Facebook CAPI, TikTok Events API, Snapchat Conversions API, Google Ads 서버사이드 추적 등).
GTM 다운로드 디버깅
활성화 또는 변경 후에는 컨테이너가 실제로 사이트에 업로드되었는지 확인하는 것을 권장합니다.
이를 위해 사이트의 임의 페이지로 이동하고 브라우저 콘솔을 열어 네트워크 탭에서 서브도메인/태깅 서버 URL로 필터링하세요. 응답 상태 200과 함께 아래 스크린샷과 같은 요청이 표시되어야 합니다.

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

결제 이벤트는 GTM Preview에 표시되지 않습니다. 이는 이 페이지들의 격리된 환경이 GTM 스니펫을 포함한 무제한 DOM 조작이나 스크립트 삽입을 차단하기 때문입니다.
하지만 Stape GTM Helper Chrome 확장 프로그램을 사용해 결제 페이지에 스니펫을 수동으로 삽입할 수 있습니다.

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

서버 측 태깅의 가능성은 빠르게 확대되어 전환 추적 및 분석의 정확도를 높이는 뛰어난 도구를 사용자에게 제공합니다. 또한 Stape는 클라이언트를 위해 sGTM 사용을 간소화하려고 노력하고 Shopify용 Conversion Tracking 앱을 출시합니다.
Shopify용 Stape Conversion Tracking은 다양한 기능과 이점을 제공하는 훌륭한 도구입니다. 예를 들어 Google Tag Manager 스크립트를 추가하고 사용자 정의 도메인 및 로더를 구성하여 웹 사이트에서 추적을 쉽게 설정할 수 있습니다. 또한 사용자 데이터를 데이터 레이어로 전송하고 웹훅을 설정할 수 있습니다.
이러한 모든 기능은 쿠키 수명을 연장하고 브라우저 추적 방지 기술에 내성을 부여하여 분석 데이터를 더 정확하게 만들어줍니다. 이 도구들은 서버 엔드포인트를 통해 광고 및 마케팅 플랫폼으로 신뢰성 있는 데이터를 전송하는 데 필수적입니다.
Shopify 서버 측 태깅 설정을 빠르고 간단하게 하려면 Stape가 최적의 선택입니다. 오늘 이 훌륭한 솔루션을 활용하고 Stape Conversion Tracking 앱을 통해 더 정확한 추적 인사이트의 혜택을 누려보세요. 지금 직접 테스트해보세요 - 우리는 여러분이 만족할 것이라고 확신합니다!
걱정 마세요! 도움 받기를 클릭하고 양식을 작성하면 견적을 보내드립니다.
댓글