다음은 서버 측 태그 지정을 사용하고 자체 서버에서 Google 스크립트를 제공하려는 개발자를 위한 도움말입니다.
서버 측 태그 지정을 사용하면 Google 서버 대신 태그 관리 서버에서 직접 gtm.js 또는 gtag.js와 같은 Google 스크립트를 로드할 수 있습니다. 이렇게 하면 퍼스트 파티 맥락 내에서 데이터를 제공할 수 있습니다.
시작하기 전에
이 가이드에서는 다음 작업이 완료되었다고 가정합니다.
먼저 구현 옵션을 선택합니다.
1단계: 클라이언트 구성
웹 컨테이너와 태그 관리 서버 간에 퍼스트 파티 맥락을 설정하려면 서버를 통해 Google 스크립트를 로드해야 합니다.
서버 컨테이너를 통해 Google 스크립트를 로드하는 방법은 다음과 같습니다.
구현 옵션을 선택하여 지침을 확인하세요.2단계: 스크립트 소스 도메인 업데이트
기본적으로 태그 관리자 또는 Google 태그(gtag.js)는 www.googletagmanager.com과 같은 Google 소유 서버에서 종속 항목을 로드합니다.
자체 서버를 통해 종속 항목을 로드하려면 웹사이트의 스크립트 URL을 업데이트해야 합니다.
3단계: 스크립트의 소스 확인
다음 안내에서는 Chrome을 사용하여 테스트하는 방법을 보여줍니다. 아무 브라우저를 사용할 수 있지만 단계는 다를 수 있습니다.
서버 컨테이너가 종속성을 로드하고 있는지 테스트하는 방법:
- 새 브라우저 탭에서 웹사이트를 엽니다.
- 브라우저의 개발자 도구를 엽니다. Chrome에서 페이지의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 검사를 선택할 수 있습니다.
개발자 도구에서 소스 탭을 엽니다. 이 창에는 웹사이트를 열 때 로드된 모든 종속 항목이 표시됩니다.
- ✅ 지정한 소스에서
gtm.js가 로드되는 경우 올바르게 구현된 것입니다.
- ❌ 만약 소스 탭에
www.googletagmanager.com이gtm.js의 소스로 표시되면 종속 항목이 여전히 Google 서버에서 로드된 것입니다.
- 코드에서 소스 URL을 수정했는지 확인하려면 2단계를 참조하세요.
- 코드가 라이브 상태인지 확인하세요.
- ✅ 지정한 소스에서
다음 단계
동의 모드를 사용하는 경우 지역별 태그 동작을 설정하여 더 세밀하게 제어할 수 있습니다.