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

서버 측 태그 지정을 통해 Google 스크립트 로드

Google 태그 관리자의 서버 측 태그 지정을 사용하면 Google 서버 대신 태그 관리 서버에서 직접 gtm.js 또는 gtag.js와 같은 Google 스크립트를 로드할 수 있습니다.

설정 단계

이 도움말에서는 태그 관리 서버에서 태그 관리자 웹 컨테이너를 로드하도록 서버 컨테이너를 구성하는 방법을 설명합니다. 이 도움말에서는 사용자가 이미 서버 컨테이너를 만들었다고 가정합니다.

Google 태그 관리자 구성: 웹 컨테이너 클라이언트

태그 관리자 웹 컨테이너를 배포하여 태그 관리 서버로 데이터를 전송하려면 이 옵션을 사용하세요.

  1. 서버 컨테이너 작업공간에서 페이지 왼쪽의 클라이언트를 선택합니다.
  2. 새로 만들기를 클릭합니다.
  3. Google 태그 관리자: 웹 컨테이너 클라이언트 유형을 선택합니다. 태그 관리자에서 클라이언트 유형 대화상자 선택: 웹 컨테이너 클라이언트 강조표시됨

  4. 클라이언트 구성에서 컨테이너 ID 추가를 클릭하고 웹사이트에서 사용할 태그 관리자 웹 컨테이너의 컨테이너 ID를 입력합니다. 태그 관리자 구성: 웹 컨테이너 클라이언트

기본적으로 모든 종속 Google 스크립트를 자동으로 제공 체크박스가 선택되어 있습니다. 이렇게 하면 태그 관리자 웹 컨테이너의 동작이 업데이트되므로 gtm.js, gtag.js, analytics.js, ec.js 등의 종속 항목도 태그 관리 서버에서 요청됩니다. 태그 관리 서버에서 초기 컨테이너만 제공하려면 이 옵션을 선택 해제하세요.

태그 관리자 코드 업데이트

서버 컨테이너에서 스크립트를 로드하려면 웹사이트의 태그 관리자 코드를 업데이트하세요.

  1. 페이지에서 기존 태그 관리자 코드를 찾거나 태그 관리자 웹 컨테이너에서 새 코드를 가져옵니다.
  2. https://www.googletagmanager.com 문자열을 태그 관리 서버 URL로 바꿉니다.

예를 들어 태그 관리 서버 URL이 https://tagging.example.com이고 웹 컨테이너 ID가 GTM-ABC인 경우 최종 코드는 다음과 같습니다.

<!-- 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://tagging.example.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABC);</script>
<!-- End Google Tag Manager -->

Google 애널리틱스 구성: GA4 클라이언트

페이지에 Google 애널리틱스 4 gtag를 배포하여 태그 관리 서버로 데이터를 전송하려면 이 옵션을 사용하세요.

서버 컨테이너 작업공간에서 페이지 왼쪽의 클라이언트를 선택합니다.

  1. 새로 만들기를 클릭합니다.
  2. 클라이언트 유형 선택에서 Google 애널리틱스: GA4를 선택합니다. Google 애널리틱스에서 클라이언트 유형 대화상자 선택: GA4 클라이언트 강조표시됨

  3. 활성화 기준에서 특정 ID의 기본 gtag.js 경로 체크박스를 선택합니다.

  4. 웹사이트에서 사용할 측정 ID를 입력합니다. Google 애널리틱스 구성: GA4 클라이언트

기본적으로 모든 종속 Google 스크립트를 자동으로 제공 체크박스가 선택되어 있습니다. 이렇게 하면 태그의 동작이 업데이트되므로 종속 항목(예: gtm.js, gtag.js, analytics.js, ec.js)도 태그 관리 서버에서 요청됩니다. 태그 관리 서버에서 초기 컨테이너만 제공하려면 이 옵션을 선택 해제하세요.

자바스크립트에서 Google 애널리틱스 4 태그 구성

태그 관리자를 통해 Google 애널리틱스: GA4 태그를 구성한 경우 위의 가이드에 따라 태그 관리 서버에 데이터를 전송하도록 태그 관리자 웹 컨테이너를 구성하세요.

서버 컨테이너에서 스크립트를 로드하려면 웹사이트의 Google 애널리틱스 4 코드를 업데이트하세요.

  1. 페이지에서 기존 코드를 찾거나 Google 애널리틱스에서 새 코드를 가져옵니다.
  2. https://www.googletagmanager.com 문자열을 태그 관리 서버 URL로 바꿉니다.

예를 들어 태그 관리 서버 URL이 https://tagging.example.com이고 측정 ID가 G-1234인 경우 최종 코드는 다음과 같습니다.

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

  gtag('config', 'G-1234', {
     transport_url: 'https://tagging.example.com',
     first_party_collection: true
  });
</script>

Google 애널리틱스 구성: 유니버설 애널리틱스

페이지에 유니버설 애널리틱스 gtag를 배포하여 태그 관리 서버로 데이터를 전송하려면 이 옵션을 사용하세요.

서버 컨테이너 작업공간에서 페이지 왼쪽의 클라이언트를 선택합니다.

  1. 새로 만들기를 클릭합니다.
  2. Google 애널리틱스: 유니버설 애널리틱스 태그 유형을 선택합니다. Google 애널리틱스에서 클라이언트 유형 대화상자 선택: 유니버설 애널리틱스 클라이언트 강조표시됨

  3. 특정 ID의 기본 gtag.js 경로 체크박스를 선택합니다.

  4. 웹사이트에서 사용할 측정 ID를 입력합니다. Google 애널리틱스 구성: 유니버설 애널리틱스 클라이언트

기본적으로 모든 종속 Google 스크립트를 자동으로 제공 체크박스가 선택되어 있습니다. 이렇게 하면 태그의 동작이 업데이트되므로 종속 항목(예: gtm.js, gtag.js, analytics.js, ec.js)도 태그 관리 서버에서 요청됩니다. 태그 관리 서버에서 초기 컨테이너만 제공하려면 이 옵션을 선택 해제하세요.

자바스크립트에서 유니버설 애널리틱스 태그 업데이트

태그 관리자를 통해 유니버설 애널리틱스 태그를 구성한 경우 위의 가이드에 따라 태그 관리자 웹 컨테이너를 구성하세요.

서버 컨테이너에서 스크립트를 로드하려면 웹사이트의 유니버설 애널리틱스 스니펫을 업데이트하세요.

  1. 페이지에서 기존 스니펫을 찾거나 Google 애널리틱스 UI에서 새 스니펫을 가져옵니다.
  2. 스니펫의 https://www.googletagmanager.com 문자열을 태그 관리 서버 URL로 바꿉니다.

예를 들어 태그 관리 서버 URL이 https://tagging.example.com이고 추적 ID가 UA-1234-1인 경우 최종 코드는 다음과 같습니다.

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

  gtag('config', 'UA-1234-1', {
     transport_url: 'https://tagging.example.com',
     first_party_collection: true
  });
</script>

제한사항

태그 관리 서버에서 스크립트를 제공하는 경우 현재 지역별 동의 동작이 지원되지 않습니다.