Google 태그 관리자의 구성요소

태그, 트리거, 변수 및 데이터 영역에 대한 이해

Google 태그 관리자는 태그 구성 및 실행 방식을 처리하는 데 아래와 같은 개념을 사용합니다.

  • 태그: 태그는 Google 애널리틱스 같은 시스템에 데이터를 전송하는 코드를 말합니다.
  • 트리거: 트리거는 클릭, 양식 제출 또는 페이지 로드 같은 특정 이벤트를 수신합니다.
  • 변수: 변수는 제품 이름, 가격 값, 날짜 등 바뀔 수 있는 값을 지정하는 자리표시자입니다.
  • 데이터 영역: 태그 관리자는 값을 클라이언트에 일시적으로 저장하여 태그, 트리거 및 변수에 따라 사용할 목적으로 데이터 영역을 구현합니다.

이번 도움말의 목표는 이러한 개념들이 서로 어떻게 사용되는지 알아보는 데 있습니다.

태그 및 트리거

태그는 페이지 또는 모바일 앱에서 실행되는 코드 스니펫입니다. 태그는 다양한 용도로 사용될 수 있지만, 태그 관리자에서 사용되는 태그는 대부분 사이트에서 외부로 정보를 전송하는 용도로 사용됩니다. 예를 들어 Google 애널리틱스 태그Google Ads 전환추적 태그가 있습니다.

태그 관리 솔루션을 사용하지 않으면 각 태그의 코드가 소스 코드에 바로 추가됩니다. 하지만 태그 관리자를 사용하면 웹 사용자 인터페이스에서 모든 태그를 제어할 수 있습니다.

태그는 이벤트에 대한 응답으로 실행됩니다. 여기에서 말하는 이벤트란 페이지 로드, 버튼 클릭, 페이지 스크롤 등이 될 수 있습니다. Google 태그 관리자에서는 이러한 이벤트를 수신하는 트리거를 정의하여 태그의 실행 시점을 지정할 수 있습니다.

트리거 및 변수

태그 관리자에는 선택할 수 있는 기본 제공 변수가 많지만 여기에 맞춤 변수를 추가로 구성하는 것도 가능합니다. 예를 들어 사전 정의되는 'url'에는 현재 로드된 페이지의 주소가 포함됩니다. 이때 태그가 example.com/purchase/receipt.html 페이지에서만 실행되도록 하려면 트리거를 아래와 같이 설정하여 정의하면 됩니다.

  • 이벤트: 페이지 조회
  • 트리거 유형: 페이지 조회
  • 실행 시점: 일부 페이지 조회
    • 다음 조건을 충족할 때 태그를 실행:
      URL에 example.com/purchase/receipt.html이 포함됨

기본 제공 변수나 맞춤 변수는 필요할 때 정보를 애플리케이션에서 사용할 수 있도록 구성합니다. 이러한 변수는 트리거 조건에서, 혹은 정보를 태그에 전달할 때 사용하세요.

변수 및 데이터 영역

데이터 영역은 데이터를 일시적으로 저장할 때 사용됩니다. 태그 관리자가 이해할 수 있도록 구조화된 형식으로 웹페이지 또는 모바일 앱의 데이터를 태그 관리자의 태그, 트리거 및 기타 변수로 쉽게 이동시킬 수 있도록 지원합니다.

데이터 영역을 설정하지 않아도 변수가 정보를 가져올 수 있습니다. 또한 제1사 쿠키인 자바스크립트 변수나 DOM에서 직접 값을 가져오도록 태그 관리자 변수를 구성할 수도 있습니다. 하지만 변수가 효과적으로 구성된 데이터 영역에서 정보를 직접 가져오도록 하는 것이 가장 좋습니다. 데이터 영역을 구현하면 우발적 코드 변경으로 인한 데이터 손실 가능성을 최소화하고, 효과적인 구성으로 접근성이 보장되는 데이터 모델을 사용하도록 유도하고, 문제를 쉽게 해결할 수 있습니다.

참고: 웹 애플리케이션의 경우 각 페이지마다 필요한 정보를 데이터 영역에 추가할 수 있는 코드가 필요합니다. 데이터 영역은 페이지 전환 시 자동으로 유지되지 않기 때문입니다.

구현 상황

다음은 데이터 영역 구현이 현재 요건에 적합한지 판단하는 데 도움이 될 수 있는 고려 사항입니다.

  • 페이지가 로드될 때만 태그가 실행(페이지에서 발생하는 사용자 상호작용에 대한 응답으로 태그를 실행하지 않아도 되는 경우)되어야 하고 태그가 URL과 리퍼러 이외의 정보를 필요로 하지 않는다면 사이트의 각 페이지에 컨테이너 스니펫을 추가하기만 하면 됩니다. 데이터 영역은 구현하지 않아도 됩니다.
  • 페이지가 로드될 때만 태그가 실행되어야 하지만 URL과 리퍼러 이외의 정보(예: 페이지 유형, 사용자 ID)도 필요한 경우 데이터 영역을 생성하고 여기로 정보를 푸시하는 코드를 추가하는 것이 좋습니다.
  • 사용자가 페이지와 상호작용할 때까지 원하는 데이터를 사용할 수 없는 경우에는 데이터를 데이터 영역으로 푸시하는 코드를 추가해야 하며, 그런 다음 원하는 이벤트 발생 시 데이터 영역을 이용하도록 태그 관리자를 구성해야 합니다.

관련 자료

도움이 되었나요?
어떻게 하면 개선할 수 있을까요?