Stape GTM Helper Chrome 확장 프로그램
Google Tag Manager 전문가와 에이전시를 위해 제작된 무료 Chrome 확장 프로그램입니다. 이 확장 프로그램은 GTM 미리보기 모드를 태그, 네트워크 요청 및 동의 데이터가 정리된 명확한 보기 화면으로 변환합니다. 클라이언트 측 및 서버 측 GTM 컨테이너 설정을 디버깅하는 데 유용합니다.
Stape Chrome 확장 프로그램에 액세스하는 방법
확장 프로그램을 사용하려면 Chrome Web Store에서 Chrome에 추가한 후 GTM을 통한 디버깅 과정에서 활성화하세요. 또는 Scanner 기능을 사용하여 웹사이트의 추적 설정 효과를 확인할 수 있습니다.
이 확장 프로그램을 사용하기 위해 가입이나 활성 Stape 구독은 필요하지 않습니다.
작동 방식
Google Tag Manager 미리보기 모드를 실행하거나 Tag Assistant 창을 사용하면 Stape 확장 프로그램은 GTM 엔터티(클라이언트, 태그, 트리거 및 변수)를 시각적으로 강조 표시하여 디버깅 환경을 개선합니다. 이를 통해 탐색이 훨씬 쉬워지고 어떤 항목이 실행되었고 어떤 항목이 실패했는지 빠르게 확인할 수 있습니다.
브라우저 인터페이스에서 개별 기능을 활성화하거나 비활성화할 수 있습니다. 예를 들어 태그 강조 표시를 활성화하여 가시성을 높이거나 JSON 형식 지정을 활성화하여 데이터 레이어와 이벤트 페이로드를 더 쉽게 확인할 수 있습니다.
디버깅 외에도 이 확장 프로그램은 웹사이트 추적 설정의 효과를 평가하는 데 사용할 수 있습니다. 확장 프로그램 내 Scan me 버튼을 클릭하면 현재 구현 상태를 분석하는 보고서를 생성할 수 있습니다. 스캔이 완료되면 View detailed report를 선택하여 실행 가능한 인사이트를 확인할 수 있습니다.
Stape GTM Helper의 장점
- 필요한 추적 엔터티에만 집중할 수 있도록 필터링합니다. 추적 설정을 디버깅할 때 현재 테스트 중인 태그 또는 엔터티에만 집중해야 합니다. 엔터티 필터 기능을 사용하면 미리보기 화면을 필터링하여 선택한 태그 또는 엔터티만 표시할 수 있습니다. 이를 통해 관련 데이터를 좁혀 문제를 더 빠르게 해결할 수 있습니다.
- JSON을 읽기 쉽게 만들어 더 빠르게 디버깅합니다. 이 기능은 들어오고 나가는 JSON을 자동으로 구조화되고 읽기 쉬운 형식으로 변환하여 복잡한 데이터 구조를 더 명확하게 확인할 수 있도록 합니다. 이를 통해 분석 부담을 줄이고 요청 디버깅 속도를 높일 수 있습니다.
- URL 매개변수를 구조화된 형태로 확인합니다. Request URL Formatter는 쿼리 매개변수를 구조화된 표 또는 JSON 보기 형식으로 변환하여 요청 데이터를 더 쉽게 이해할 수 있도록 합니다. 이를 통해 설정 디버깅 정확도를 높이고 매개변수 해석 오류를 줄일 수 있습니다.
- 색상 표시로 태그 소스를 즉시 확인합니다. 여러 플랫폼의 추적 태그를 사용할 때 각 태그의 출처를 빠르게 식별해야 할 수 있습니다. "Tag Type Coloring" 기능은 색상 표시와 Meta, GA4, Google Ads, Microsoft 같은 플랫폼 로고를 추가합니다. 이를 통해 태그 식별 속도와 정확도를 높일 수 있습니다.
- 실패한 엔터티를 즉시 확인합니다. Tag Status Coloring 기능은 색상 표시를 통해 성공 및 실패한 요청(4xx 및 5xx 오류 포함)을 강조합니다. 이를 통해 오류 감지 속도와 디버깅 효율을 개선할 수 있습니다.
- sGTM 설정을 디버깅하면서 동의 상태를 확인합니다. 기본적으로 sGTM에서는 동의 상태를 확인할 수 없습니다. 이 기능을 사용하면 서버 GTM 미리보기에서 동의가 승인되었는지 거부되었는지 직접 확인할 수 있습니다. 이를 통해 규정 준수 확인이 간소화되고 동의 관련 동작 디버깅이 개선됩니다.
- 제한 없이 Shopify checkout 추적을 디버깅합니다. Shopify checkout 페이지의 샌드박스 환경으로 인해 이 설정 부분의 문제를 해결하기 어려울 수 있습니다. 이 확장 프로그램 기능은 Shopify의 제한을 우회합니다. checkout 추적 구현을 완전히 확인할 수 있어 쉽고 포괄적인 문제 해결이 가능합니다.
- 한 번의 작업으로 여러 GTM 엔터티를 수정합니다. Bulk GTM Container Entities Selection 기능을 사용하면 여러 엔터티를 한 번에 선택하고 수정할 수 있습니다. 이를 통해 수동 작업을 줄이고 컨테이너 관리를 빠르게 수행할 수 있습니다.
- 웹사이트 추적 상태 보고서를 확인합니다. Scanner 기능은 웹사이트를 분석하고 웹 및 서버 측 추적을 모두 포함하는 보고서를 생성합니다. 이 기능을 사용하면 문제 영역을 빠르게 식별하고 추적 품질을 개선할 수 있습니다. 또한 추적 문제를 해결하는 방법에 대한 자세한 단계별 안내도 제공합니다.
Chrome에 추가 — 모든 사용자에게 무료
가입이나 긴 설정 과정이 필요하지 않습니다. 설치만 하면 바로 디버깅을 시작할 수 있습니다.