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

개요

Google 애널리틱스, 광고 전환 측정, 리마케팅 등 측정 및 광고 제품을 사용하려면 웹사이트에 Google 태그를 추가합니다. 전체 사이트 태그를 사용하여 자바스크립트로 태그를 작성하거나, 그래픽 Google 태그 관리자 사용자 인터페이스를 사용한 구성을 통해 태그를 추가할 수 있습니다. 태그 관리자는 웹사이트와 모바일 앱을 모두 지원합니다. Firebase를 사용하여 모바일 앱을 빌드하는 경우 API를 사용하여 Google 측정 및 광고 제품에 필요한 정보를 제공할 수 있습니다.

'태그'란 무엇인가요?

전체 사이트 태그란 무엇인가요?

Google 태그 관리자란 무엇인가요?

Google 문서에서 전체 사이트 태그 예는 gtag.js 코드로 구성되며 태그 관리자 예는 태그를 구성하는 데 필요한 절차를 제공합니다.

사용 예

다음 예에서는 전체 사이트 태그와 태그 관리자 사용 시의 차이를 보여줍니다. 다음 전체 사이트 태그는 웹사이트의 각 페이지에 추가하여 Google 애널리틱스를 사용 설정할 수 있는 스니펫을 보여줍니다.

<script async
  src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID">
</script>

<script>
  window.dataLayer = window.dataLayer || [] ;
  function gtag(){dataLayer.push(arguments);}
  gtag( 'js', new Date () ) ;

  gtag( 'config', 'GA_TRACKING_ID');
</script>

그런 다음 Google Ads의 전환 추적을 사용 설정하려면 각 페이지의 전체 사이트 태그에 gtag( 'config', 'AW- CONVERSION_ID');를 추가하세요.

<script async
  src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID">
</script>

<script>
  window.dataLayer = window.dataLayer || [] ;
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date ()) ;

  gtag('config', 'GA_TRACKING_ID');
  gtag('config', 'AW- CONVERSION_ID');
</script>

태그 관리자를 사용하여 광고 전환 측정을 사용 설정하려면 태그 관리자 사용자 인터페이스에서 태그를 구성하고 클릭 한 번으로 웹사이트의 모든 페이지에 게시하여 위의 예와 동일한 기능을 사용 설정하세요. 자세한 내용은 Google Ads 전환을 참고하세요.

전체 사이트 태그 및 태그 관리자에서 지원하는 태그

전체 사이트 태그와 태그 관리자는 다음과 같은 태그 지원을 제공합니다.

태그 유형 gtag.js 태그 관리자
Google 애널리틱스 4
Google 애널리틱스: 유니버설 애널리틱스
Google Ads 전환
Google Ads 리마케팅
플러드라이트
Google 최적화 도구
Google Surveys 웹사이트 만족도 아니요
서드 파티 태그 아니요

태그 관리자는 여기 표시된 Google 측정 제품 외에도 다양한 서드 파티 태그를 지원합니다. 커뮤니티 템플릿 갤러리에는 타사에서 유지 관리하는 추가 태그 및 변수 템플릿이 포함되어 있습니다. 맞춤 템플릿을 사용하여 자체 태그를 만들고 공유할 수도 있습니다.