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

다음은 서버 측 태그 지정을 사용하고 자체 서버에서 Google 스크립트를 제공하려는 개발자를 위한 도움말입니다.

서버 측 태그 지정을 사용하면 Google 서버 대신 태그 관리 서버에서 직접 gtm.js 또는 gtag.js와 같은 Google 스크립트를 로드할 수 있습니다. 이렇게 하면 퍼스트 파티 맥락 내에서 데이터를 제공할 수 있습니다.

시작하기 전에

이 가이드에서는 다음 작업이 완료되었다고 가정합니다.

먼저 구현 옵션을 선택합니다.

웹 컨테이너와 태그 관리 서버 간에 퍼스트 파티 맥락을 설정하려면 서버를 통해 Google 스크립트를 로드해야 합니다.

서버 컨테이너를 통해 Google 스크립트를 로드하는 방법은 다음과 같습니다.

구현 옵션을 선택하여 지침을 확인하세요.

기본적으로 태그 관리자 또는 Google 태그(gtag.js)는 www.googletagmanager.com과 같은 Google 소유 서버에서 종속 항목을 로드합니다. 자체 서버를 통해 종속 항목을 로드하려면 웹사이트의 스크립트 URL을 업데이트해야 합니다.

구현 옵션을 선택하여 지침을 확인하세요.

다음 안내에서는 Chrome을 사용하여 테스트하는 방법을 보여줍니다. 아무 브라우저를 사용할 수 있지만 단계는 다를 수 있습니다.

서버 컨테이너가 종속성을 로드하고 있는지 테스트하는 방법:

새 브라우저 탭에서 웹사이트를 엽니다.
브라우저의 개발자 도구를 엽니다. Chrome에서 페이지의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 검사를 선택할 수 있습니다.
개발자 도구에서 소스 탭을 엽니다. 이 창에는 웹사이트를 열 때 로드된 모든 종속 항목이 표시됩니다.
- ✅ 지정한 소스에서 gtm.js가 로드되는 경우 올바르게 구현된 것입니다.
- ❌ 만약 소스 탭에 www.googletagmanager.com이 gtm.js의 소스로 표시되면 종속 항목이 여전히 Google 서버에서 로드된 것입니다.
- 코드에서 소스 URL을 수정했는지 확인하려면 2단계를 참조하세요.
- 코드가 라이브 상태인지 확인하세요.

동의 모드를 사용하는 경우 지역별 태그 동작을 설정하여 더 세밀하게 제어할 수 있습니다.