gtag.js로 애널리틱스 추적 설정

gtag.js는 Google의 사이트 측정, 전환추적, 리마케팅 제품 전체에 간편하게 태그를 추가하여 구현을 간소화하면서 더 효과적으로 관리하는 데 적합한 웹 태그 추가 라이브러리입니다. gtag.js를 사용하면 차후에 출시되는 최신 동적 기능과 통합의 이점을 누릴 수 있습니다.

이 도움말에 나와 있는 내용은 다음과 같습니다.

기본 안내

  1. 속성을 아직 만들지 않은 경우 Google 애널리틱스에서 속성을 만듭니다. 추적할 각 웹사이트에 대해 하나의 애널리틱스 속성을 만드세요. 속성을 만들면 gtag.js 추적 코드 스니펫에 사용할 추적 ID가 생성됩니다.
  2. 아래의 설명에 따라 추적 ID를 찾습니다. 추적 코드 스니펫에 이 추적 ID를 사용합니다.
  3. gtag.js 추적 코드 스니펫을 복사하여 추적할 각 웹페이지에 삽입합니다. 각 페이지의 시작 태그인 <head> 바로 다음에 추적 코드 스니펫을 추가합니다.

추적 ID 찾기

추적 ID를 찾으려면 다음 단계를 따르세요.

  1. 애널리틱스 계정에 로그인합니다.
  2. 관리를 클릭합니다.
  3. 계정 항목의 메뉴에서 계정을 선택합니다.
  4. 속성 항목의 메뉴에서 속성을 선택합니다.
  5. 속성에서 추적 정보 > 추적 코드를 클릭합니다. 추적 ID가 페이지 상단에 표시됩니다.

추적 코드 스니펫

사이트의 각 페이지에서 <head> 태그 바로 뒤에 다음 스니펫을 삽입합니다. 다음과 같이 GA_TRACKING_ID를 실제 Google 애널리틱스 추적 ID로 변경합니다.

<!-- Global Site Tag (gtag.js) - Google Analytics -->
<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>

추적 코드가 제대로 작동하는지 확인

추적 코드가 제대로 작동하는지 확인하려면 웹사이트를 방문하여 방문이 실시간 보고서에 등록되고 있는지 확인합니다.

gtag.js 개발자 가이드

이 도움말이 도움이 되었나요?
어떻게 하면 개선할 수 있을까요?