Google 태그 관리자의 서버 측 태그 지정을 사용하면 Google 서버 대신 태그 관리 서버에서 직접 gtm.js 또는 gtag.js와 같은 Google 스크립트를 로드할 수 있습니다.
설정 단계
이 도움말에서는 태그 관리 서버에서 태그 관리자 웹 컨테이너를 로드하도록 서버 컨테이너를 구성하는 방법을 설명합니다. 이 도움말에서는 사용자가 이미 서버 컨테이너를 만들었다고 가정합니다.
Google 태그 관리자 구성: 웹 컨테이너 클라이언트
태그 관리자 웹 컨테이너를 배포하여 태그 관리 서버로 데이터를 전송하려면 이 옵션을 사용하세요.
- 서버 컨테이너 작업공간에서 페이지 왼쪽의 클라이언트를 선택합니다.
- 새로 만들기를 클릭합니다.
Google 태그 관리자: 웹 컨테이너 클라이언트 유형을 선택합니다.
클라이언트 구성에서 컨테이너 ID 추가를 클릭하고 웹사이트에서 사용할 태그 관리자 웹 컨테이너의 컨테이너 ID를 입력합니다.
기본적으로 모든 종속 Google 스크립트를 자동으로 제공 체크박스가 선택되어 있습니다. 이렇게 하면 태그 관리자 웹 컨테이너의 동작이 업데이트되므로 gtm.js, gtag.js, analytics.js, ec.js 등의 종속 항목도 태그 관리 서버에서 요청됩니다. 태그 관리 서버에서 초기 컨테이너만 제공하려면 이 옵션을 선택 해제하세요.
태그 관리자 코드 업데이트
서버 컨테이너에서 스크립트를 로드하려면 웹사이트의 태그 관리자 코드를 업데이트하세요.
- 페이지에서 기존 태그 관리자 코드를 찾거나 태그 관리자 웹 컨테이너에서 새 코드를 가져옵니다.
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를 배포하여 태그 관리 서버로 데이터를 전송하려면 이 옵션을 사용하세요.
서버 컨테이너 작업공간에서 페이지 왼쪽의 클라이언트를 선택합니다.
- 새로 만들기를 클릭합니다.
클라이언트 유형 선택에서 Google 애널리틱스: GA4를 선택합니다.
활성화 기준에서 특정 ID의 기본 gtag.js 경로 체크박스를 선택합니다.
웹사이트에서 사용할 측정 ID를 입력합니다.
기본적으로 모든 종속 Google 스크립트를 자동으로 제공 체크박스가 선택되어 있습니다. 이렇게 하면 태그의 동작이 업데이트되므로 종속 항목(예: gtm.js, gtag.js, analytics.js, ec.js)도 태그 관리 서버에서 요청됩니다. 태그 관리 서버에서 초기 컨테이너만 제공하려면 이 옵션을 선택 해제하세요.
자바스크립트에서 Google 애널리틱스 4 태그 구성
태그 관리자를 통해 Google 애널리틱스: GA4 태그를 구성한 경우 위의 가이드에 따라 태그 관리 서버에 데이터를 전송하도록 태그 관리자 웹 컨테이너를 구성하세요.
서버 컨테이너에서 스크립트를 로드하려면 웹사이트의 Google 애널리틱스 4 코드를 업데이트하세요.
- 페이지에서 기존 코드를 찾거나 Google 애널리틱스에서 새 코드를 가져옵니다.
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를 배포하여 태그 관리 서버로 데이터를 전송하려면 이 옵션을 사용하세요.
서버 컨테이너 작업공간에서 페이지 왼쪽의 클라이언트를 선택합니다.
- 새로 만들기를 클릭합니다.
Google 애널리틱스: 유니버설 애널리틱스 태그 유형을 선택합니다.
특정 ID의 기본 gtag.js 경로 체크박스를 선택합니다.
웹사이트에서 사용할 측정 ID를 입력합니다.
기본적으로 모든 종속 Google 스크립트를 자동으로 제공 체크박스가 선택되어 있습니다. 이렇게 하면 태그의 동작이 업데이트되므로 종속 항목(예: gtm.js, gtag.js, analytics.js, ec.js)도 태그 관리 서버에서 요청됩니다. 태그 관리 서버에서 초기 컨테이너만 제공하려면 이 옵션을 선택 해제하세요.
자바스크립트에서 유니버설 애널리틱스 태그 업데이트
태그 관리자를 통해 유니버설 애널리틱스 태그를 구성한 경우 위의 가이드에 따라 태그 관리자 웹 컨테이너를 구성하세요.
서버 컨테이너에서 스크립트를 로드하려면 웹사이트의 유니버설 애널리틱스 스니펫을 업데이트하세요.
- 페이지에서 기존 스니펫을 찾거나 Google 애널리틱스 UI에서 새 스니펫을 가져옵니다.
- 스니펫의
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>
제한사항
태그 관리 서버에서 스크립트를 제공하는 경우 현재 지역별 동의 동작이 지원되지 않습니다.