[Google Tag Manager] 1. 구글 태그관리자란?

[이 글의 업데이트 버전이 있습니다: 최신글 보러가기 >]

구글에서 제공하는 서비스 중에 태그관리자(Google Tag Manager)라는 솔루션이 있습니다. 구글 애널리틱스의 활용을 증대시키는 다양한 기능들을 제공하며 그 활용성이 계속 커질 것으로 예상되고 있습니다. 이에 이번 글에서는 구글 태그관리자 솔루션을 소개하고자 합니다.

구글 태그관리자란?

구글 태그관리자/태그매니저란 구글에서 2012년 가을에 출시한 서비스로 인터넷 상의 인터페이스에서 웹분석, 광고성과 측정, 제휴마케팅 추적 등 다양한 태그를 관리할 수 있도록 하는 솔루션을 말합니다.

어떤 태그를 관리할 수 있는가?

태그관리자를 통해서 구글 애널리틱스(UA) 기본 스크립트 및 이벤트 추적 스크립트, 애드워즈 전환 스크립트와 리마케팅 스크립트 등 구글에서 제공하는 서비스 관련 태그 외에도 클릭초이스, 클릭스 등 광고 성과를 측정하는 전환 스크립트, 에이스카운터 등 웹분석 스크립트와 같이 다양한 제3자 태그를 관리(추가, 삭제 및 수정)할 수 있습니다.

어떻게 관리하는가?

구글 태그관리자 계정 생성 시 발급되는 기본 태그(컨테이너 태그)를 웹사이트 소스 코드에 심고 인터넷 상의 태그관리자 인터페이스 상에서 다른 모든 태그를 설정하여 관리합니다.

구글 태그관리자의 특징/장점

———————————————————–

– 마케터와 기술자가 모두 선호함 : 마케터를 위해 고안된 툴이지만, 사용자 허가, 자동 에러체크, 디버그와 같은 기능들로 인해 웹마스터나 IT팀도 선호함

– 에러 방지 : 미리보기(디버그) 기능을 통해 게시에 앞서 새로운 태그가 제대로 작동하는지를 확인할 수 있음

– 에이전시 친화적 : 다중 계정 지원 및 사용자 허가 기능을 통해 대행사에서 태그를 관리하고 광고주가 손쉽게 변경 사항을 확인할 수 있음

– 모바일 지원 : 모바일 웹사이트/앱을 지원하는 등 다양한 기기에 걸쳐 원활하게 작동함. 사용자가 앱을 다운로드 한 이후에도 앱 추적 설정을 변경할 수 있어 계속해서 새버전을 발행해야 하는 수고를 덜 수 있음

– 타(사) 태그와의 높은 호환성 : 다양한 내장 템플릿(template)을 제공하는 등 구글 이외 다른 웹로그 분석 및 마케팅 태그를 지원함

– 태그 실행의 유연성 : 원하는 시점에 원하는 데이터를 수집할 수 있도록 태그 별로 실행 규칙을 설정할 수 있음

———————————————————–

위 특징들은 구글 태그관리자 공식 웹페이지(http://www.google.com/tagmanager/features.html)에서 소개된 내용을 번역한 내용입니다. 다양한 특징/장점이 있지만, 개인적으로 생각할 때 태그매니저의 핵심 가치는 인터넷 상의 인터페이스에서 모든 태그를 관리한다는 사실에 있습니다. 이 덕분에 1) 마케터 스스로 처리할 수 있는 일이 많아지게 되며, 2) 업무 실행 시간을 획기적으로 단축시킬 수 있습니다.

실무적으로 구글 태그 관리자는 1) 여러 태그를 통합적으로 관리하고, 2) (구글 애널리틱스와 관련하여) 보다 손쉽게 이벤트 설정을 하는데 주로 사용됩니다.

구글 태그관리자 계정 구조와 구성요소

구글 태그관리자의 계정 구조는 구글 애널리틱스(GA, Google Analytics) 계정 구조와 유사하며 계정 – 컨테이너 – 태그 3단계로 구성되어 있습니다. GA에서는 속성 수준에서 스크립트가 발급되었다면, 태그관리자에서는 컨테이너 수준에서 스크립트가 발급됩니다. 컨테이너를 만들 때 발급된 스크립트를 웹사이트의 모든 페이지에서 실행되도록 소스 코드에 추가하고 이후 태그관리자 인터페이스에서 다른 태그들을 관리하게 됩니다. 업체별로 계정을 생성하고, 운영하는 웹사이트/도메인 별로 컨테이너를 생성하는 것이 일반적입니다. 그리고 각 태그는 트리거와 변수로 구성됩니다.

태그, 트리거, 변수

아래는 구글 태그관리자 도움말 페이지(https://support.google.com/tagmanager/answer/6103657?hl=ko&ref_topic=3441530)에서 인용한 태그, 트리거, 변수에 관한 설명입니다.

———————————————————–

태그 및 트리거

태그는 페이지에서 실행되는 코드의 스니펫입니다. 태그는 다양한 용도로 사용될 수 있지만, Google 태그 관리자에서 사용되는 태그는 대부분 사이트에서 외부로 정보를 전송하는 용도로 사용됩니다. 예를 들어 Google 애널리틱스 태그나 애드워즈 전환 추적 태그는 사이트에서 발생하는 활동 정보를 Google로 전송합니다.

Google 태그 관리자 등의 태그 관리 솔루션을 사용하지 않는 경우 각 태그를 사이트의 소스 코드에 직접 추가해야 합니다. Google 태그 관리자를 이용하면 웹 사용자 인터페이스에서 모든 태그를 편리하게 관리할 수 있습니다.

일반적으로 태그는 페이지가 로드될 때 또는 페이지의 일부 상호작용에 대한 응답으로 실행됩니다. Google 태그 관리자에서는 태그의 실행 시점을 정하는 태그를 이용해 트리거를 지정합니다. 예를 들어 사전 정의된 ‘모든 페이지’ 트리거는 이름에도 나왔듯이 페이지가 로드될 때 페이지에서 태그가 실행되도록 설정하는 트리거입니다.

트리거 및 변수

트리거는 런타임 시 참 또는 거짓을 판별하는 조건이며, 변수의 값과 트리거를 정의할 때 지정한 값을 비교하는 방식으로 작동합니다. 예를 들어 사전 정의된 변수인 ‘url’에는 항상 현재 로드 중인 페이지의 URL이 포함됩니다. example.com/purchase/receipt.html 페이지에서만 태그가 실행되게 하려면 트리거를 아래와 같이 지정합니다.

{{url}} 같음 example.com/purchase/receipt.html

다음은 ‘모든 페이지’ 트리거의 정의입니다. 모든 URL(Regex .*)이 항상 현재 로드 중인 페이지 URL과 일치하므로 이 트리거는 항상 true로 평가됩니다.

{{url}} 정규식과 일치함 .*

———————————————————–

태그, 트리거, 변수의 역할은?

조금 더 쉽게 풀어서 설명하자면, 태그는 구글 애널리틱스 스크립트, 애드워즈 리마케팅 스립리트, 네이버 클릭초이스 전환 스크립트 등 웹사이트 내에서 실행하고자 하는 각각의 태그를 말합니다. 이들 태그를 실행할 때 어떤 조건에서 실행되도록 할 것인지(모든 페이지에서 실행할 것인지, 특정 페이지에서 실행할 것인지, 또는 특정 이벤트(링크/버튼 클릭 등) 발생 시 실행할 것인지 등)를 트리거에서 지정하며, 그 조건의 구성 요소가 되는 한편 분석에 필요한 데이터를 수집하는 것이 바로 변수입니다.

변수(Variable)란?

———————————————————–

변수는 런타임 시 값이 입력되는 이름-값 쌍입니다. 예를 들어 사전에 정의된 ‘url’ 변수는 해당 값이 현재의 페이지 URL이라는 뜻입니다.

변수는 트리거와 태그에서 사용됩니다. 트리거에서는 특정 작업을 실행할 때를 지정하는 필터를 정의하는 용도로 변수가 사용됩니다(예: url 변수가 ‘example.com/index.html’일 때 페이지뷰 트리거를 실행하는 용도). 태그에서는 동적 값을 포착하는 용도로 변수가 사용됩니다(예: 거래 금액과 구매한 제품을 전환추적 태그에 전달하는 용도).

Google 태그 관리자에서는 사전에 정의된 변수가 제공됩니다. 이러한 변수를 이용해서 주로 사용되는 태그 및 트리거를 만들 수 있으며, 개별 사용자의 요건에 맞춘 변수도 추가로 만들 수 있습니다.

———————————————————–

데이터 영역이란?

———————————————————–

데이터 영역은 웹사이트에서 태그관리자로 전달하려는 정보를 포함하는 객체입니다. 데이터 영역을 통해 이벤트, 변수와 같은 정보를 태그관리자로 전달할 수 있습니다. 태그관리자에서는 이러한 변수 또는 구체적인 이벤트의 값에 기반해 트리거를 설정하거나 변수값을 다른 태그로 전달(즉, 데이터로 수집)할 수도 있습니다.

———————————————————–

구글 애널리틱스 활용 시 이벤트나 전자상거래 정보, 맞춤 측정기준/측정항목 정보 등은 기본 스크립트만으로 수집할 수 없어 추가적인 설정이 필요한데요, 이때 주로 웹페이지 내 소스 코드 스크립트를 넣어 필요한 정보를 GA 서버로 직접 보내는 방식을 사용합니다. 구글 태그관리자(GTM)에서는 이와 같은 정보를 수집할 때 데이터 영역을 사용한다 정도로 우선 이해하시면 좋을 듯합니다.

지금까지 구글 태그관리자의 개요와 구성 요소에 대해 설명 드렸습니다. GTM을 사용하는 목적이나 대략적인 용도 등의 개념을 이해하는 데는 무리가 없겠지만, 구성요소와 그 개념 특히 변수, 데이터 영역 등의 개념은 위 설명만으로는 부족할 것으로 생각됩니다. 앞으로 수 차례에 걸쳐 실제적인 활용 방법을 예시를 들어 설명할 예정인데, 이러한 글들을 읽다보면 자연스럽게 이해될 것으로 생각합니다.

* 구글 태그관리자 참조 사이트

– 공식 구글 태그관리자 도움말 사이트 (https://support.google.com/tagmanager#topic=3441530)

– 공식 유튜브 사이트 동영상

1. Google Tag Manager : Key Concepts

2. GTM Help Center Videos

—————————————————————————

국내 대표적인 온라인마케팅 커뮤니티/매체인 아이보스에서 구글 애널리틱스 4(GA4) 강의를 진행하고 있습니다. 커리큘럼 등 자세한 사항은 아래 링크를 참조하세요.