Google 태그 관리자에 대한 전체 가이드

게시 됨: 2022-04-14

Google 태그 관리자(GTM)를 사용하면 팀에서 현명한 마케팅 결정을 내리는 데 필수적인 데이터를 수집할 수 있습니다.

GTM의 이점과 이를 적절하게 활용하는 방법을 이해하는 것이 어려울 수 있으므로 이 가이드를 참조용으로 작성했습니다. 자신의 계정을 설정하고 최대한 활용하는 방법을 배우게 됩니다.

Google 태그 관리자가 행동을 추적하고 분석 문제를 해결하는 데 중요한 이유

태그는 데이터와 정보를 수집하기 위해 웹페이지에 추가된 JavaScript 코드의 스니펫입니다. 웹사이트 또는 앱 방문자 활동을 모니터링하여 행동을 기반으로 사이트를 최적화할 수 있습니다.

대부분의 웹사이트에는 양식 제출 또는 페이지 클릭과 같은 다양한 동작과 사용자 흐름을 추적하기 위해 여러 태그가 필요합니다. 웹사이트에 태그가 많을수록 관리하기가 더 어려워질 수 있습니다.

Google 태그 관리자를 입력합니다.

GTM은 사용 가능한 유일한 태그 관리 도구 는 아니지만 가장 접근하기 쉽습니다. Google Analytics만 작동하도록 설계되었으므로 여기에 집중하고 있습니다. 다음은 몇 가지입니다.

  • 태그커맨더
  • 어도비 다이내믹 태그 관리
  • 분절
  • 7태그
  • 틸륨

GTM은 마케터가 습관적으로 개발자를 중간 사람으로 의존하지 않고도 필요한 고객 데이터를 얻을 수 있도록 도와줍니다. 방법은 다음과 같습니다.

정리 정돈

태그 관리자가 없으면 개발자는 사이트에 수동으로 태그를 추가하고 각 인스턴스에 대해 고유한 규칙을 설정해야 합니다. 일단 배치되면 활동을 수동으로 모니터링하고, 문제를 해결하고, 새 코드가 추가될 때 만료된 코드를 폐기하고, 충돌을 방지하는 등의 작업을 수행해야 합니다.

이것은 시간과 비용이 많이 듭니다. 태그 관리는 전체 프로세스를 간소화합니다.

태그 관리자는 웹사이트 전체에 배포해야 하는 코드의 양을 최소화하고 모든 코드 스니펫을 하나의 중앙 허브에 보관하여 모든 추적 데이터를 깔끔하고 체계적으로 유지합니다. 또한 사용자 친화적이므로 코드를 구현하거나 변경하기 위해 개발자가 될 필요가 없습니다.

태그 관리를 콘텐츠 마케팅 운영을 감독하는 편집장이라고 생각하십시오. 게시 일정, 할당, 작업 및 문서를 한 곳에서 수집하고 활동을 자동화할 수도 있지만 워크플로를 모니터링하는 사람이 없으면 시스템이 무너질 수 있습니다.

그래서 당신이하지 않는 동안 태그 관리자를 모니터링할 개발자가 필요하고 계속 주시할 직원이 필요합니다. 즉, IT를 완전히 잘라내지 마십시오. 복잡한 태깅 작업은 여전히 ​​규칙 기반 그래픽 인터페이스를 통해 구현해야 할 수 있습니다.

기술 비용 절감

버그와 장벽은 피할 수 없지만 GTM을 사용하면 구현 및 디버깅이 더 쉽고 빠르며 결과적으로 더 저렴해집니다.

더 빠른 출시는 팀이 다른 작업에 더 많은 시간을 할애하여 귀중한 리소스를 극대화한다는 것을 의미합니다. 또한 GTM은 완전 무료이므로 팀에서 다른 마케팅 소프트웨어에 예산을 할당할 필요가 없습니다.

그래도 실수는 일어날 수 있고 일어날 수 있습니다. 비용을 낮추고 사용자 오류를 수정하기 위해 두 배로 되돌리는 것을 방지하려면 다음 모범 사례를 따르십시오.

  • 필요하지도 않고 분석하지도 않을 데이터를 포착하기 위해 광범위한 네트워크를 구축하는 대신 목표를 정의하고 실제로 측정해야 하는 항목을 추적합니다.
  • 페이지 로드가 느려질 수 있으므로 모든 페이지에 너무 많은 태그를 쌓지 마십시오.
  • 특히 테스트를 실행하고 지난 평가판을 진행하지 않기로 결정한 후에는 사용하지 않는 태그를 버리거나 비활성화해야 합니다.
  • 기존 코드를 손상시키는 사용자 정의 HTML 태그 배포 방지
  • 숨겨진 문제를 감지하기 위해 분석 경고를 설정하고 지속적으로 QA 새로운 구현을 수행하도록 합니다.
  • 자격이 없는 팀 구성원에게 계정 권한을 부여하면 활동이 위태로울 수 있으므로 시스템에 익숙한 직원에게 게시 권한을 유지합니다.

분석 가치 증대

Google 태그 관리자에는 보고 기능이 없습니다. 오히려 수집한 귀중한 정보를 분석을 위해 Google Analytics로 보냅니다.

Universal Analytics, 특히 Google Analytics 4라는 강력한 기능은 귀하의 페이지 중 어떤 페이지가 실적이 좋은지에 대한 훌륭한 통찰력을 제공하지만 GTM을 사용하면 더 자세히 알아볼 수 있습니다.

기본 분석 도구는 다음과 같은 항목을 찾을 수 있습니다.

  • 실시간 페이지뷰
  • 사이트 방문자의 위치 및 장치 정보
  • 트래픽 소스
  • 인기 방문 페이지/블로그 게시물

이러한 통찰력에서 더 많은 가치를 얻으려면 태그를 활용하여 다음과 같은 것을 발견해야 합니다.

  • 사용자가 사이트를 탐색하는 방법
  • 가장 많은 전환이 발생하는 페이지
  • 웹사이트 방문자가 사이트를 떠날 가능성이 가장 높은 위치

Google 태그 관리자를 설정하는 방법

태그 관리자 계정을 설정하려면 다음 단계를 따르세요.

1. 목표부터 시작하라

추적 목표를 결정하면 생성해야 하는 태그 유형을 결정하는 데 도움이 됩니다.

Google Ads 리마케팅, 전환 추적, 모니터링 양식 제출 또는 버튼 클릭 등에 대한 태그를 만들 수 있습니다. Hotjar, Oktopost 또는 Pinterest와 같은 사이트에서 정보를 추적하기 위해 연결할 수 있는 타사 통합도 있습니다.

Google 태그 관리자로 이동하여 계정을 만들기 전에 마케팅 태그 전략을 만드세요.

2. 계정 설정

Google 태그 관리자 계정은 Google 이메일을 통해 생성해야 하므로 먼저 GTM 계정의 관리자 또는 소유자를 선택하세요. 그런 다음 액세스해야 하는 팀의 다른 사람들과 권한을 공유할 수 있습니다.

Google 계정으로 로그인한 다음 기본 대시보드에서 계정 만들기 를 클릭하여 상점 설정을 시작합니다.

Google 태그 관리자 기본 대시보드

여기에서 계정 이름을 지정해야 합니다. 모범 사례에서는 태그 관리를 간단하게 유지하기 위해 비즈니스 이름을 따서 이름을 지정해야 합니다.

그런 다음 컨테이너를 설정해야 합니다. 컨테이너는 모든 태그가 있는 곳이므로 사이트 또는 URL의 이름을 따서 이름을 지정해야 합니다.

만들기 를 클릭하기 전에 사이트 또는 앱이 있는 플랫폼 유형을 선택합니다. 웹, iOS 또는 Android 모바일 앱, AMP 사용 또는 서버 사용이 될 수 있습니다.

Google 태그 관리자 계정 설정

다음 단계는 웹사이트에 컨테이너 스니펫을 설치하는 것입니다. 이것은 태그가 활동을 적절하게 추적하기 위해 모든 페이지에 있어야 하는 자바스크립트 스니펫입니다.

이 스니펫에는 두 부분이 있습니다.

  • 첫 번째는 웹사이트의 <head> 섹션에 있어야 합니다.
  • 두 번째는 <body> 섹션에 붙여넣어야 합니다.

GTM 대시보드의 사이드바에 표시되는 세 가지 주요 레이블은 태그, 트리거 및 변수입니다.

Google 태그 관리자 대시보드(새 계정)
  • 태그 는 웹사이트 또는 앱에서 데이터를 수집하는 추적 코드입니다.
  • 트리거 는 태그를 실행할 시기를 알려주는 조건을 설정합니다.
  • 변수 는 트리거가 태그에 실행을 지시해야 하는 시기를 정의합니다.

3. 구글 애널리틱스 태그 설치

GTM을 통해 이 작업을 수행하는 경우 이전에 웹사이트에 배치한 모든 Google Analytics 추적 정보를 삭제해야 하며 그렇지 않으면 중복 데이터가 생성됩니다.

GA 페이지뷰와 같이 시작하려면 대시보드에서 새 태그 추가를 클릭하세요.

Google 태그 관리자 태그 구성 및 보기 트리거

다음으로 태그를 구성합니다. 상단 상자를 클릭하면 50개 이상의 태그 유형에 대한 긴 목록을 볼 수 있습니다.

Google 태그 관리자는 태그 유형 선택

사용 중인 버전에 따라 최상위 옵션인 Google 애널리틱스: 유니버설 애널리틱스 또는 Google 애널리틱스: GA4 구성 을 클릭합니다. 예를 들어 UA를 사용하고 있습니다.

Google 태그 관리자 GA 연결
이미지 소스

표시되는 추적 유형 드롭다운에서 페이지 조회수 를 클릭합니다.

Google 태그 관리자 GA 태그 구성

4. 속성 변수 설정

변수를 설정할 때 두 가지 옵션이 있습니다. 먼저 이 태그에서 재정의 설정 활성화를 선택하고 UA 추적 ID를 붙여넣을 수 있습니다.

Google 태그 관리자 GA UA 페이지 보기 추적 유형

또는 사용자 정의 변수를 생성할 수 있습니다. 이렇게 하면 초기 설정이 조금 더 필요하지만 생성하는 모든 태그에 붙여넣을 필요 없이 UA 추적 ID가 저장된 상태로 유지되기 때문에 장기적으로 작업이 더 쉬워집니다.

GTM은 내장 변수 또는 사용자 정의 변수라는 두 가지 유형의 변수를 제공합니다.

기본 제공 변수는 코드 스니펫에서 감지된 요소를 기반으로 GTM에 의해 자동으로 정의됩니다. 몇 가지 공통 변수 유형을 제공하므로 기본 태그를 쉽게 생성할 수 있습니다.

구성 을 클릭하여 나중에 필요한 각 변수를 설정합니다. 언제든지 다시 돌아와 다음을 추가할 수 있습니다.

Google 태그 관리자 변수 구성

사용자 정의 변수는 설정한 값을 기반으로 사용자 지정됩니다. 따라서 Google Analytics 추적 ID를 저장하는 상수 변수를 만들 수 있습니다.

Google 태그 관리자 사용자 정의 변수

이렇게 하려면 사용자 정의 변수 섹션에서 새로 만들기를 클릭합니다. 그런 다음 변수 유형 아래에서 Google 애널리틱스 설정 을 찾을 때까지 아래로 스크롤합니다.

Google 태그 관리자는 변수 유형 선택

추적 ID를 필드에 붙여넣고 다음을 저장합니다.

Google 태그 관리자 GA 변수 구성

이제 Google 애널리틱스 태그를 생성할 때 이 태그에서 설정 재정의 사용 을 선택하지 않아도 됩니다. 대신 드롭다운을 열고 새 변수를 선택하기만 하면 됩니다.

Google 태그 관리자는 설정 재정의를 활성화합니다.

5. 트리거 구성

첫 번째 태그 배포의 마지막 단계는 태그를 실행할 트리거를 선택하는 것입니다.

Google 태그 관리자 구성 트리거

트리거링 상자를 클릭하고 사용 가능한 옵션에서 모든 페이지 를 선택합니다.

Google 태그 관리자 트리거 완료(모든 페이지)

그런 다음 저장을 클릭합니다. 공식적으로 추적을 시작하려면 작업 공간 변경 사항에서 제출 을 클릭하십시오. 새 변수 하나와 새 태그 하나의 두 가지가 있을 수 있습니다.

작업 공간이 변경된 Google 태그 관리자

6. 교차 도메인 추적 설정

비즈니스의 고객 여정이 사용자를 다른 도메인으로 이끄는 경우 교차 도메인 추적을 사용하면 데이터를 부풀려 사용자가 방문하는 각 도메인에 대해 계산하는 대신 추적 코드에서 사용자를 하나로 계산하는 데 도움이 됩니다.

하위 도메인에는 필요하지 않습니다. 함께 작동하는 완전히 다른 두 개의 도메인이 있는 경우에만 가능합니다.

이 태그에서 재정의 설정 활성화를 선택하고 추가 설정 > 교차 도메인 추적 에 액세스하여 태그 수준에서 교차 도메인 추적을 설정할 수 있지만 가장 좋은 방법은 Google 애널리틱스 ID 변수를 사용하는 것입니다.

변수 탭으로 이동하여 GA 추적 ID로 생성한 변수를 엽니다. 변수 구성 상자를 클릭한 다음 추가 설정 > 교차 도메인 추적 을 클릭합니다.

Google 태그 관리자 교차 도메인 추적 설정

자동 링크 도메인 필드에서 저장을 클릭하기 전에 각 도메인(둘 이상인 경우)을 쉼표로 구분하여 삽입하십시오.

7. 데이터 계층 이해

데이터 영역은 웹사이트의 데이터를 GTM으로 보내기 전에 저장하는 자바스크립트 코드 조각입니다. 지속적으로 변경되는 사이트의 HTML과 태그, 트리거 및 변수 사이에 추가 레이어 역할을 합니다.

데이터 계층이 있으면 데이터 수집 프로세스가 더 원활해집니다. 대부분의 태그의 경우 추가 작업이 필요하지 않습니다. 데이터 영역은 웹사이트에 배치한 초기 GTM 코드 스니펫에 의해 자동으로 시작됩니다.

그러나 전자 상거래 추적을 위해 제품 데이터 또는 거래 데이터와 같은 사용자 지정 데이터를 수집하려면 별도의 데이터 영역을 설정해야 합니다.

이렇게 하려면 데이터 영역 변수를 생성해야 합니다. 이렇게 하면 GTM이 웹사이트에서 추가 값을 읽고 배포된 태그에 전달할 수 있습니다.

개발 팀은 추가 정보를 추적하려는 각 페이지에 대한 데이터 영역 코드 조각을 만들고 구현하는 데 도움을 주어야 합니다. 이러한 작업은 페이지별로 수행해야 하며 스크립트는 Google 개발자 도구의 이 예와 같습니다.

이 경우 페이지 카테고리와 방문자 유형이라는 두 가지 데이터 영역 키가 있습니다. 추적해야 하는 항목에 따라 키가 하나 또는 여러 개 있을 수 있습니다.

개발자가 각 관련 페이지에 이 코드를 구현한 후에는 각 키에 대해 새 데이터 영역 변수를 생성해야 합니다.

변수 탭으로 이동한 다음 새로 만들기를 클릭하여 새 사용자 정의 변수를 만듭니다. 옵션 목록에서 데이터 영역 변수 를 선택합니다.

Google 태그 관리자는 변수 유형 선택

데이터 영역 변수 이름 필드에 코드에 작성된 것과 똑같은 방식으로 키 이름을 입력해야 합니다. 따라서 위의 예에서 두 개의 데이터 영역 변수를 생성합니다. 하나는 pageCategory 로 작성되고 다른 하나는 guestType 이 됩니다.

Google 태그 관리자 데이터 영역 변수

8. 이용자 관리 계획

액세스 권한이 필요한 사용자에 따라 GTM에서 사용자 또는 사용자 그룹을 추가 및 제거할 수 있습니다. 관리 탭으로 이동한 다음 사용자 관리 옵션을 클릭합니다.

Google 태그 관리자 사용자 관리 옵션

모든 현재 사용자와 권한 수준을 한눈에 볼 수 있습니다. 두 가지 옵션이 있습니다.

  • 관리자: 컨테이너를 생성 및 제거하고 사용자 권한을 관리할 수 있습니다.
  • 사용자: 기본 계정 정보를 보고 지정된 컨테이너에 액세스할 수 있습니다.

또한 특정 컨테이너에 대한 액세스 권한이 없는지, 보기 전용, 수정 사항을 승인하거나 수정 사항을 게시할지 여부에 관계없이 컨테이너 수준에서 사용자 권한을 설정할 수 있습니다.

시간을 내어 팀의 각 구성원을 추가하고 해당 구성원이 변경을 수행하고 새 태그를 배포할 수 있는 자격을 기반으로 권한을 설정하십시오.

Google 태그 관리자를 효과적으로 활용하기

다음은 GTM을 효과적으로 사용하는 데 도움이 되는 몇 가지 팁입니다.

GTM의 기본 코드가 모든 페이지에 있는지 확인하십시오.

복잡한 추적 캠페인을 구현하고 싶지 않은 경우 가장 중요한 페이지에 GTM 기본 코드가 없다는 사실을 알게 됩니다. 이것이 코드가 사이트의 HTML에 제대로 삽입되었는지 확인하는 것이 중요한 이유입니다.

이를 수행할 수 있는 몇 가지 방법이 있지만 가장 기본적인 방법은 단순히 웹사이트의 페이지 소스를 확인하는 것입니다.

확인하려는 페이지로 이동하여 마우스 오른쪽 버튼을 클릭한 다음 페이지 소스 보기 를 선택합니다. 기본 코드를 확인하기 위해 페이지에서 gtm.js를 검색합니다(빠른 CTRL+F/CMND+F 명령 사용).

Google 태그 관리자 소스 코드

GTM 대시보드의 오른쪽 상단에 있는 미리보기 버튼을 클릭하고 웹사이트 URL을 입력하여 올바른 컨테이너가 웹사이트에 연결되었는지 확인할 수도 있습니다.

Google 태그 관리자(어시스턴트) 미리보기 모드

새 컨테이너를 만들 때마다 코드가 제대로 구현되었는지 다시 확인하세요.

이벤트 추적

Google 애널리틱스와 결합된 Google 태그 관리자는 사이트에서 발생하는 이벤트를 추적하는 데 유용합니다.

이러한 이벤트는 다음과 같을 수 있습니다.

  • 양식 제출
  • 버튼 클릭
  • 가입
  • 두루마리
  • 동영상 조회수

이를 위해 다른 Google Analytics: Universal Analytics 태그를 생성하지만 이번에는 추적 유형 이 이벤트 가 됩니다.

Google 태그 관리자 GA 추적 이벤트

나머지 정보를 입력합니다. 블로그 게시물의 판매 페이지 링크에 대한 "링크 클릭" 이벤트 추적기:

  • 카테고리: 링크 클릭
  • 작업: 판매 방문 페이지
  • 레이블: {{페이지 경로}}
  • 값: 이벤트 값—채울 선택 사항입니다.
  • 비 상호작용 조회: True
  • Google 애널리틱스 설정: 이전에 설정한 GA 추적 ID 변수를 선택합니다.

그런 다음 클릭을 추적할 링크를 지정하는 트리거인 트리거를 만들어야 합니다. 드롭다운 메뉴에서 페이지 URL 같음 을 선택한 다음 필드에 판매 페이지 URL을 붙여넣습니다.

Google 태그 관리자 트리거 구성(클릭)

다양한 이벤트 추적 태그를 만들어 고객 행동을 분석할 수 있지만 반드시 수익에 영향을 미치지 않는 데이터로 자신을 압도하지 마십시오.

태그 디버그

태그를 모니터링하여 태그가 제대로 작동하고 데이터가 정확한지 확인하세요. 이렇게 하려면 미리보기 및 디버그 모드 를 사용하십시오.

기본 코드가 설치되었는지 확인하는 것과 유사하게 미리보기 를 클릭 하고 URL에 디버그 신호 포함 이 선택되어 있는지 확인합니다.

웹사이트의 URL을 삽입하고 연결 을 클릭합니다. 오른쪽 하단 모서리에 배지가 있는 미리보기 창이 열립니다.

Google 태그 관리자 라이브 사이트 디버그

Tag Assistant 페이지로 돌아가서 모든 것이 제대로 연결되었는지 확인합니다.

Google 태그 관리자 연결 성공

여기에서 각 옵션을 확인하여 손상된 부분이 있는지 확인할 수 있습니다.

Google 태그 관리자 요약

상수 변수 생성

Google 애널리틱스 추적 ID에 대한 상수 변수를 만드는 방법을 다뤘습니다. 그러나 디지털 광고로 캠페인을 리타게팅하는 경우 웹사이트에 다른 픽셀이 설치되어 있을 수 있습니다.

또한 해당 픽셀에 대한 상수 변수를 만들 수 있으므로 새 태그를 만들 때마다 적절한 픽셀을 찾을 필요가 없고 대신 드롭다운에서 선택할 수 있습니다.

변수로 이동하여 새 사용자 정의 변수 를 만듭니다. 저장하기 전에 목록에서 상수 를 선택하고 픽셀 ID를 값 필드에 붙여넣습니다.

어떤 태그에 어떤 픽셀을 추가해야 하는지 쉽게 파악할 수 있도록 변수의 이름을 지정해야 합니다.

확장 프로그램 설치

Google 태그 관리자용 Google 크롬 확장 프로그램은 다음과 같이 생활을 더 쉽게 만들어 줄 수 있는 여러 가지가 있습니다.

Google 태그 관리자 상수 변수 구성
  • Google Tag Assistant에는 웹사이트를 탐색할 때 웹사이트의 태그를 확인할 수 있는 자체 확장 프로그램이 있습니다.
  • 태그 관리자 인젝터는 새로 배포된 태그를 디버깅하고 테스트하는 데 유용한 확장입니다.
  • DataLayer Inspector+는 팀이 데이터 계층으로 푸시되는 내용과 문제가 있는지 이해하는 데 도움이 됩니다.

태그 이름 지정 프로세스 만들기

팀과 함께 모든 태그의 이름을 지정하는 프로세스 또는 형식을 만들어 모든 사람이 각 태그가 추적하는 내용을 정확히 이해할 수 있도록 하세요. 팀의 모든 사람들이 각 태그가 한 눈에 무엇을 하는지 알 수 있도록 이러한 이름이 어떻게 만들어졌는지 설명하는 문서를 함께 만드십시오.

예를 들어 태그 유형 뒤에 추적 대상이 오고 그 뒤에 지정된 트리거가 올 수 있습니다. 모든 것을 체계적으로 유지하기 위해 팀에서 따를 약어나 약어를 생각해 보세요.

결론

이제 여기에서 배운 모든 것을 가져와 자신의 웹사이트 활동 및 이벤트를 추적할 때입니다. 귀하의 비즈니스에 가장 의미 있는 통찰력으로 시작하여 거기에서 시작하십시오. 더 뛰어난 Google 태그 관리자 전문가가 되려면 온라인 과정을 확인하세요.