어떤 종류의 웹사이트를 운영하든, 방문자가 사이트와 어떻게 상호작용하는지 파악하는 것은 필수입니다. 구글 애널리틱스(Google Analytics, GA)는 웹마스터들이 웹사이트 트래픽에 대한 인사이트를 얻기 위해 전통적으로 사용해 온 도구입니다. GA는 다음과 같은 통계와 리포트를 제공합니다.
- 사이트 방문자 수
- 방문자의 국가
- 세션당 방문한 페이지 수
- 사이트에서 가장 인기 있는 페이지
- 이탈률(아무런 행동 없이 사이트를 떠난 방문자 수)
페이지뷰, 세션 지속 시간, 이탈률 같은 핵심 지표를 GA로 추적하려면 모든 웹페이지에 GA 추적 코드 또는 GA 자바스크립트 코드 스니펫을 삽입해야 합니다. 일반적인 정보를 추적하는 데에는 이 방식이 적합합니다.
하지만 더 구체적인 지표나 다양한 상호작용을 추적하려면 모든 행동을 기록하는 것이 훨씬 어려워집니다. 예를 들어, 여러 개의 서로 다른 폼과 다양한 기능을 추적하고 싶은 웹사이트 운영자가 필요한 모든 태그를 설정하고 실행하는 데 많은 시간이 걸릴 수 있습니다.
바로 이럴 때 구글 태그 관리자(Google Tag Manager, GTM)가 필요합니다. GTM은 무료 태그 관리 도구로, 모든 태그를 손쉽게 추적할 수 있도록 도와줍니다.
구글 태그 관리자란 무엇인가?
GTM은 GA를 대체하는 도구가 아니라, GA(GA 역시 하나의 태그입니다)와 함께 작동하여 사용자가 추적 코드(태그)를 추가하고, 규칙을 정의하고, 코드 스니펫을 배포할 수 있도록 돕습니다.
GTM이 수집한 데이터는 GA뿐만 아니라 Google Ads, PayPal, Facebook 같은 다른 도구로도 전송되어 저장됩니다.
웹사이트 운영자가 추적하고 싶어 할 만한 태그의 예는 다음과 같습니다.
- Google Ads
- 이벤트(Events)
- Facebook 픽셀 코드
- 리마케팅(Remarketing)
- 커스텀 HTML/자바스크립트 코드
웹사이트 운영자는 더 나은 전략적 마케팅 결정을 내리는 데 필요한 인사이트를 제공할 행동이 무엇인지 먼저 판단해야 합니다. 그런 다음 구글 태그 관리자를 사용해 데이터를 수집하고 결과를 분석하면 됩니다.
이 글에서는 웹사이트에 GTM을 적용하는 방법을 단계별로 소개합니다.
웹사이트 설정하기
- 아직 구글 태그 관리자 계정이 없다면 먼저 계정을 생성하세요.
- 계정 이름, 국가, 컨테이너 설정(본인의 도메인), 대상 플랫폼(웹 선택)을 입력한 후 만들기(Create)를 클릭합니다.
- 구글 서비스 약관에 동의하면 컨테이너 ID와 두 개의 코드 스니펫이 화면에 표시됩니다.
- 설정을 완료하려면 두 개의 스니펫을 사이트의 모든 페이지에 추가해야 합니다. 올바른 위치에 삽입하는 것이 중요합니다. 하나는 페이지의 <head> 섹션에, 다른 하나는 <body> 태그 바로 뒤에 넣어야 합니다.
- 스니펫 설치에 도움이 필요하면 구글의 빠른 시작 가이드(Quick Start Guide)를 참고하세요. WordPress를 사용 중이라면 활용할 수 있는 여러 플러그인도 있습니다.
- 컨테이너 생성이 끝나면 태그와 트리거를 추가하여 사이트 방문자에 대한 인사이트를 얻기 시작할 수 있습니다.
아래는 마케팅 성과를 측정하는 데 도움이 되는 웹사이트 액션의 예시입니다.
버튼 클릭 추적하기
버튼 클릭이란 웹사이트의 클릭 유도 문안(CTA)이 몇 번 클릭되었는지를 의미합니다. 많은 사이트가 다음과 같은 여러 개의 CTA를 사용하고 있습니다.
- 다운로드(Download)
- 장바구니 담기(Add to cart)
- 클릭하여 전화하기(Click to call)
- 구독하기(Subscribe)
- 회원가입(Sign up)
- 시작하기(Get started)
- 무료 보고서 받기(Grab your free report)
- 더 알아보기(Learn more)
- 가입하기(Join)
변수 설정하기
- 왼쪽 내비게이션에서 변수(Variables)를 클릭한 후 구성(Configure)을 누릅니다.
- 아래로 스크롤하여 Element, Classes, ID, Target, URL, Text를 클릭해 활성화합니다.
- 다음 단계는 모든 클릭에 대해 실행되는 트리거를 활성화하는 것입니다. 왼쪽 내비게이션에서 트리거(Triggers)를 클릭하고 새로 만들기(NEW)를 누릅니다.
- 트리거에 이름을 지정합니다. 여기서는 Button Click이라고 명명하겠습니다.
- 트리거 유형을 선택하려면 트리거 창 내부를 클릭하고, 팝업 페이지 맨 아래로 스크롤한 후 All Elements를 클릭합니다.
- This trigger fires on이 All Clicks로 설정되어 있는지 확인한 후 저장(Save)을 클릭합니다.
- 태그가 올바르게 작동하는지 확인하려면 미리보기(Preview) 버튼을 클릭합니다. 주황색 바가 나타나면 미리보기 모드에 진입한 것입니다.
- 새 브라우저 탭에서 웹사이트를 열고 페이지를 새로 고침합니다. 미리보기 모드에서 요약 항목들을 볼 수 있습니다. 이 예시에서는 사이트의 어느 곳이든 클릭할 때마다 트리거가 발동되도록 설정했으므로, 모든 클릭이 GTM 클릭으로 기록됩니다.
- 특정 버튼을 식별하고 싶다면 구글 태그 관리자 미리보기 패널에서 클릭 항목 중 하나를 선택한 후 변수(Variables)를 클릭합니다.
클릭 클래스(click classes), 클릭 요소(click elements), 클릭 텍스트(click texts)를 확인할 수 있습니다. 다양한 클릭과 클릭 클래스가 모두 표시됩니다. 변수를 찾았다면, 추적하려는 버튼에 어떤 필터를 적용할지 결정합니다.
해당 웹사이트 버튼을 클릭하면 웹사이트 하단의 GTM 미리보기 영역에서 요약 섹션이 하이라이트됩니다.
선택한 버튼과 관련된 변수들, 즉 Click Classes, Click Element, Click ID 등을 살펴봅니다. 이 정보를 활용해 버튼 클릭 추적을 설정합니다. 다시 구글 태그 관리자로 돌아가 Button Click으로 이동합니다.
이 글에서는 무료 보고서 받기(Grab your free report) 버튼을 설정한다고 가정하고, 트리거 이름을 Grab your free report CTA로 변경하겠습니다.
- This trigger fires on 항목으로 이동하여 Some Clicks를 선택합니다.
여기서 미리보기 모드에서 확인한 변수를 기준으로 필터링할 수 있습니다.
웹사이트 미리보기로 돌아가 추적하려는 버튼의 변수를 기록해 둡니다. 버튼의 클릭 위치에 따라 각 부분이 서로 다른 클래스를 가질 수 있습니다.
이 문제에 대한 가장 좋은 해결책은 추적 방식을 링크 클릭(Link Click)으로 전환하는 것입니다. 링크 클릭은 어디를 클릭하든 클래스가 동일하게 유지되는 하이퍼링크이기 때문입니다.
- GTM에서 이를 변경하려면 Click – All Elements를 선택하고 Just Links로 변경합니다.
- 미리보기 모드에서 기록해 둔 클래스를 Click Classes 오른쪽 빈 칸에 입력한 후 저장(Save)을 클릭합니다.
태그 생성하기
- 왼쪽 내비게이션에서 태그(Tags)를 클릭하고 새로 만들기(New)를 누릅니다.
- 태그 구성(Tag Configuration) 상자 내부를 클릭하여 태그 유형 목록을 엽니다. 아래로 스크롤하여 Custom HTML을 선택합니다.
- 이 Custom HTML 섹션 안에서 { } 괄호 안에 변수를 입력하여 사용할 수 있습니다.
- 괄호를 입력하기 시작하면 빠른 검색 선택 메뉴가 나타나며, 여기서 이미 정의해 둔 기존 변수를 선택할 수 있습니다.
- 이제 방금 생성한 트리거와 연결해야 합니다. 트리거링(Triggering) 상자 내부를 클릭하고 해당 트리거를 선택한 후 저장(Save)을 누릅니다.
- 미리보기 페이지를 다시 새로 고침하여 버튼을 테스트합니다. 버튼을 클릭했을 때 태그가 발동되는지 확인합니다. 작동하지 않으면 돌아가서 모든 설정을 점검하세요.
- 설정이 올바르면 Tags Fired on This Event가 표시됩니다. 이제 버튼 클릭을 추적하고 있는 것입니다.
태그를 이벤트로 전환하기
- GTM으로 돌아가 방금 생성한 태그를 선택합니다. 식별하기 쉬운 이름으로 지정했는지 확인하세요.
- 태그 유형을 Custom HTML에서 Google Analytics: Universal Analytics로 변경합니다.
- Track Type은 Event로, Category(이벤트 추적 매개변수)는 CTA Button으로, Action은 Click으로 설정하고, Label에는 식별 가능한 이름을 추가합니다.
- 아래로 스크롤하여 Google Analytics Settings에서 {{Google Analytics}}를 선택한 후 저장(Save)을 클릭합니다. 이제 클릭이 이벤트로 구글 애널리틱스 내에서 추적됩니다.
- 이벤트를 제출(Submit)한 후 게시(Publish)합니다.
- Container Version Description 섹션에 이벤트에 대한 설명이 포함된 이름을 입력하고 계속(Continue)을 클릭합니다.
- 이제 새 트리거와 새 태그가 웹사이트에 적용되어, 방문자가 버튼을 클릭할 때마다 추적됩니다.
구글 태그 관리자로 추적할 수 있는 액션의 수에는 제한이 없습니다. 데이터를 많이 수집하고 측정할수록 마케팅 및 광고 캠페인을 더욱 정교하게 조정하여 전환율과 매출을 높일 수 있습니다.