구글 태그매니저(GTM) 셋팅 방법



구글 태그매니저(GTM)는 웹사이트의 코드를 직접 수정하지 않고도 다양한 마케팅 태그와 분석 스크립트를 관리할 수 있게 해주는 필수 도구입니다. GA4나 광고 추적 코드를 심을 때마다 개발자를 찾으셨다면, 이제 GTM으로 '자유'를 얻으실 차례입니다!

복잡해 보이지만 딱 4단계만 따라오시면 누구나 완료할 수 있습니다.

1단계: GTM 계정 및 컨테이너 생성

먼저 구글 태그매니저 공식 사이트에 접속하여 계정을 만듭니다.

  • 계정 만들기: 회사 이름이나 본인의 브랜드 이름을 입력하세요.

  • 컨테이너 설정: 분석할 웹사이트 URL을 입력하고, 타겟 플랫폼은 **'웹(Web)'**을 선택합니다.

  • 약관 동의: 오른쪽 상단의 [만들기] 버튼을 누르고 약관에 동의하면 고유한 GTM ID(예: GTM-XXXXXX)가 발급됩니다.

2단계: 웹사이트에 GTM 코드 설치하기

계정을 만들면 두 개의 코드 조각이 팝업으로 뜹니다. 이 코드를 복사해서 웹사이트에 붙여넣어야 합니다.

  • 첫 번째 코드: 웹사이트의 <head> 태그 안쪽, 가능한 높은 위치에 넣습니다.

  • 두 번째 코드: 웹사이트의 `<body>` 태그 바로 다음에 넣습니다.

  • 팁: 워드프레스나 티스토리 등을 사용하신다면 설정 메뉴나 플러그인을 통해 GTM ID만 입력해도 간편하게 연동됩니다.

3단계: 태그와 트리거 설정 (핵심!)

GTM의 원리는 간단합니다. **"언제(트리거), 무엇을(태그) 실행할 것인가"**만 정해주면 됩니다. 가장 기본인 'GA4 구성 태그'를 예로 들어볼까요?

  1. 태그(Tag): [새로 만들기] → [Google 애널리틱스: GA4 구성] 선택 → 본인의 GA4 측정 ID 입력.

  2. 트리거(Trigger): [Triggering] 영역 클릭 → 'All Pages(모든 페이지)' 선택.

  3. 의미: "모든 페이지가 로드될 때(트리거), GA4로 데이터를 보내라(태그)"는 명령이 완성됩니다.

4단계: 미리보기 및 제출 (최종 확인)

코드를 심었다고 바로 작동하는 것이 아닙니다. 반드시 **'제출'**을 해야 반영됩니다.

  • 미리보기: 상단의 [미리보기] 버튼을 눌러 내 웹사이트에서 태그가 정상적으로 실행(Fire)되는지 확인합니다.

  • 제출 및 게시: 이상이 없다면 오른쪽 상단의 [제출] → [게시] 버튼을 누릅니다. 이제 설정한 태그가 실제 웹사이트에 적용됩니다.


댓글