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