Google의 새로운 태그 문서를 미리 확인해 주셔서 감사합니다. 이 사이트는 공개 베타 버전입니다 (의견 보내기).

기존 태그 구성 분석

새 태그를 설치하기 전에, 웹사이트 또는 모바일 앱에 태그가 이미 있다면 어떤 태그가 있는지 파악하는 것이 중요합니다. 설치 시 추가 태그나 중복된 태그를 추가하지 않도록 기존 태그 구성을 평가해야 합니다. 웹페이지의 현재 태그 설치 상태에 대해 잘 모르는 경우 기존 태그 구성을 분석하는 방법을 설명하는 이 도움말을 참고하세요.

태그를 분석하려면 Google 태그 관리자 내에 있는 Google Tag Assistant 기능을 활용하거나 수동 코드 검사 기법을 이용하면 됩니다.

Tag Assistant

Google Tag Assistant는 전체 사이트 태그(gtag.js) 설치를 위한 태그 분석 도구입니다. Tag Assistant가 사용 설정되면, 실행된 전체 사이트 태그 명령어 및 실행 순서를 확인할 수 있도록 브라우저의 웹사이트 콘텐츠 아래에 디버그 창이 표시됩니다. Tag Assistant에는 데이터 영역으로 전달되는 데이터와 해당 데이터 교환을 트리거한 이벤트가 표시됩니다. 또한 조회수(HTTP 요청) 및 관련 매개변수도 표시됩니다. Tag Assistant에 대해 자세히 알아보기

태그 관리자

태그 관리자 계정과 컨테이너를 검사하여 기존 태그 구성을 분석할 수 있습니다. 또한 태그 관리자에는 Tag Assistant와 유사한 기능인 미리보기 모드가 있습니다.

버전

태그 관리자의 버전 기능은 기존 컨테이너 구성을 요약하여 보여줍니다.

  1. 태그 관리자에서 버전을 클릭합니다.
  2. 목록에서 최근 버전을 클릭하여 컨테이너의 현재 상태를 확인합니다. 태그, 트리거, 변수, 맞춤 템플릿이 이 보기에 표시됩니다.

미리보기 모드

태그 관리자의 미리보기 모드에서는 페이지에서 실행되는 태그, 이러한 태그를 트리거하는 이벤트, 데이터 영역으로 푸시되는 데이터를 확인할 수 있습니다. 미리보기 모드는 Tag Assistant와 거의 동일한 방식으로 작동합니다. 미리보기 모드에 대해 자세히 알아보기

수동 코드 검사

기존 태그 구성을 더 철저하게 분석하기 위해 수동 코드 검사를 수행해야 하기도 합니다. 소스 코드에서 다음과 같은 일반적인 태그 키워드를 검색하여 잠재적인 태그 구성을 파악할 수 있습니다.

  • gtag(gtag() 함수의 시작이며 이러한 코드 프래그먼트에는 추가 계측이 포함된 경우가 많습니다.
  • googletagmanager.com – 이 도메인은 태그 관리자와 전체 사이트 태그 기능을 모두 로드하는 데 사용되며 이러한 유형의 태그를 찾는 데 유용합니다.

gtag.js 또는 Google 태그 관리자가 이미 있는 경우 새 구성을 구현하는 대신 기존 태그 또는 계측을 업데이트해도 됩니다.

  • dataLayer – 데이터 영역 코드가 설정되었고 특정 이벤트에 계측을 사용하여 dataLayer.push()가 호출되는지 확인하는 데 사용할 수 있습니다.
  • analytics.js 또는 ga.js – 기존 Google 애널리틱스 구현에 사용되는 라이브러리의 파일 이름입니다.
  • conversion.js 또는 conversion_async.js - Google Ads 전환 측정에 사용되는 라이브러리의 파일 이름입니다.
  • optimize.js – Google 최적화 도구 태그에 사용됩니다.
  • Google 태그를 포함할 수 있는 서드 파티 태그 관리 시스템입니다. 소스 코드에서 서드 파티 태그 관리 시스템(예: utag.js 또는 _satellite)을 찾습니다.

전체 사이트 태그(gtag.js)

페이지에 전체 사이트 태그가 있는 경우, 태그를 검토하여 태그의 용도에 관한 자세한 정보를 확인할 수 있습니다. 핵심 태그는 다음 예시와 같습니다.

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-XXXXXX-1');
  </script>

추가 제품 및 계정에 대해 여러 gtag('config',...) 줄이 표시될 수 있습니다. 예를 들면 다음과 같습니다.

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    
    gtag('config', 'UA-XXXXXX-1');
    gtag('config', 'UA-YYYYYY-2');
    gtag('config', 'AW-XXXXXX');
    gtag('config', 'G-XXXXXX');
  </script>

각 config 줄에는 구성 중인 제품을 나타내는 제품 접두사와 그 뒤에 구성 중인 계정의 ID가 포함됩니다. 제품 접두사에 대한 자세한 내용을 아래를 참고하세요.

전체 사이트 태그의 제품 접두사

UA 전체 사이트 태그가 Google 애널리틱스로 관리됩니다. 여기서 ID는 Google 애널리틱스 측정 ID입니다. 이 ID와 관련된 속성을 찾으려면 Google 애널리틱스의 계정 검색 기능을 사용하세요. 속성이 나타나지 않으면 액세스 권한이 없을 가능성이 있습니다.
G 전체 사이트 태그는 Google 애널리틱스 4 스트림으로 관리됩니다. 여기서 ID는 Google 애널리틱스 측정 ID입니다.
AW 전체 사이트 태그가 Google Ads로 관리됩니다. AW 접두사 다음에 나오는 숫자 문자열은 사용자의 Google Ads 전환 ID입니다.
DC 전체 사이트 태그가 플러드라이트 태그로 관리됩니다. DC 다음에 나오는 숫자 문자열은 사용자의 광고주 ID입니다.
기타 전체 사이트 태그가 다른 Google 제품으로 관리되고 있거나 잘못 구현되었을 수 있습니다. Tag Assistant를 사용하여 확인하세요.

Google 태그 관리자

태그 관리자로 구성된 웹페이지에는 다음 예와 비슷한 컨테이너 태그가 설치됩니다. 컨테이너 코드를 검사하여 태그 관리자 컨테이너 ID를 식별할 수 있습니다. 컨테이너 ID는 'GTM-'로 시작하며 컨테이너 ID 위치의 예는 아래에 강조표시되어 있습니다.

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<:!-- End Google Tag Manager -->

컨테이너 ID를 받으면 Google 태그 관리자 계정 화면을 열고 를 클릭하여 이 ID를 검색합니다. 그러면 웹사이트의 태그, 트리거, 변수 구성을 검사할 수 있습니다.