Google 태그 관리자 를 EdCommerce 사이트에 설치하는 방법

Last updated: July 27, 2026

Google 태그 관리자(Google Tag Manager)를 EdCommerce 사이트에 설치하는 단계별 가이드입니다. 컨테이너 ID(GTM-XXX)와 head 스니펫을 tagmanager.google.com에서 찾는 방법, 이를 EdCommerce의 통합 영역 > "스크립트 코드 추가"에 붙여넣기 (삽입 위치를 Head로 설정, body 스니펫은 사용하지 않음), 그리고 Google 태그 어시스턴트 Chrome 확장 프로그램 또는 Google Analytics의 실시간 보고서를 통해 설치를 검증하는 방법을 다룹니다.

1단계 - Google 태그 관리자에서 코드 스니펫 받기

시작하려면 <https://tagmanager.google.com>에서 Google 태그 관리자 계정에 로그인하세요.

로그인 후, 계정과 연관된 컨테이너 목록이 표시됩니다. 작업할 컨테이너를 선택하거나, Edcommerce용 새 컨테이너를 만드세요.

컨테이너를 선택한 후, 내용을 확인하려면 열어보세요. 컨테이너 개요에서 상단 메뉴의 컨테이너 ID를 찾고 클릭하세요(보통 GTM-XXX로 시작합니다).

두 개의 코드 스니펫이 있습니다: 하나는 <head> 섹션용, 다른 하나는 <body> 섹션용입니다. Edcommerce의 경우, <head> 섹션의 코드만 사용할 예정입니다.

2단계 - 코드 스니펫을 Edcommerce에 추가하기

코드 스니펫을 Edcommerce에 추가하는 것은 매우 간단하며, 통합 영역에 접속하여 "스크립트 코드 추가" 버튼을 클릭하기만 하면 됩니다.

다음과 같이 스크립트 통합 필드를 작성하세요:

  • 이름: 스니펫에 이름을 지정하세요, 예를 들어 Google 태그 관리자.
  • 삽입 위치: Head (Google 태그 관리자용으로는 body를 사용하지 않습니다)
  • 코드: Google 태그 관리자에서 찾은 "헤더" 스니펫 코드를 여기에 복사하세요.

3단계: Google 태그 관리자가 제대로 작동하는지 검증하기

가장 쉬운 검증 방법은 Chrome 웹 스토어의 Google 태그 어시스턴트 Chrome 확장 프로그램를 설치하는 것입니다.

그 다음, 다음 단계를 따르세요:

  1. Google Chrome에서 웹사이트를 엽니다.
  2. Chrome 툴바에서 태그 어시스턴트 확장 아이콘을 클릭하세요.
  3. 팝업 창이 나타납니다. "활성화"를 클릭하여 기록을 시작하세요.
  4. 웹사이트를 탐색하며 Google 태그 관리자에 설정한 태그를 트리거하는 행동을 수행하세요.
  5. 작업을 완료한 후, 다시 태그 어시스턴트 확장 아이콘을 클릭하세요.
  6. 태그 어시스턴트가 각 페이지에서 트리거된 태그를 분석하고 보고서를 제공합니다.
  7. Google 태그 관리자 설정과 관련된 오류 또는 경고가 있는지 보고서를 검토하세요.

태그 어시스턴트 보고서는 Google 태그 관리자 컨테이너의 태그가 올바르게 작동하는지 또는 문제가 있는지 여부를 나타냅니다. 웹사이트에서 다양한 시나리오를 테스트하여 모든 원하는 태그가 예상대로 작동하는지 확인하세요.

또한, Google Analytics의 "실시간" 섹션을 확인하여 데이터가 웹사이트에서 수신되고 있는지 확인할 수 있습니다. Edcommerce 사이트에서 작업을 수행할 때 Google Analytics에 실시간 데이터가 표시되면 Google 태그 관리자가 데이터를 Google Analytics로 올바르게 보내고 있음을 나타냅니다.