티스토리 구글 애널리틱스(GA4) 연동하는 법 — 스킨 HTML에 직접 넣어야 한다

티스토리 블로그를 운영하다 보면 방문자가 얼마나 되는지, 어떤 글이 많이 읽히는지 궁금해진다. 이걸 확인하려면 구글 애널리틱스(GA4)를 연동해야 한다. 티스토리에 기본 통계 기능이 있긴 하지만, GA4를 연동해두면 훨씬 더 상세한 데이터를 볼 수 있다.

처음엔 메타 태그 플러그인에 넣으면 되는 줄 알았는데 그게 아니었다. GA4 코드는 스킨 HTML에 직접 넣어야 한다. 그 과정을 정리했다.

GA4가 뭔가 — 구글 애널리틱스 4

GA4(Google Analytics 4)는 구글에서 무료로 제공하는 웹사이트 분석 툴이다. 블로그에 연동해두면 방문자 수, 유입 경로, 어떤 글을 많이 읽는지, 어느 나라에서 접속하는지 등 다양한 데이터를 볼 수 있다. 특히 애드센스 수익화를 목표로 한다면 트래픽 추이를 확인하는 데 필수다.

GA4 측정 코드 발급받기

먼저 구글 애널리틱스에서 블로그를 등록하고 측정 코드를 발급받아야 한다.

• 1
  analytics.google.com 접속 → 구글 계정으로 로그인
• 2
  관리 → + 만들기 → 속성 클릭
• 3
  속성 이름 입력, 시간대 대한민국, 통화 KRW 설정 후 다음
• 4
  비즈니스 정보 입력 (업종, 규모는 아무거나 선택해도 무방)
• 5
  플랫폼 웹 선택 → 블로그 URL 입력 → 스트림 만들기
• 6
  생성된 스트림에서 태그 안내 보기 → 코드 복사

💡 메타 태그 플러그인에 넣으면 안 된다 티스토리 플러그인 중 메타 태그 플러그인이 있는데, 여기엔 <meta name="..."> 형태의 단순 태그만 넣을 수 있다. GA4 스크립트 코드는 작동하지 않는다. 반드시 스킨 HTML에 직접 넣어야 한다.

티스토리 스킨 HTML에 코드 넣기

GA4 코드를 복사했으면 티스토리 스킨 편집기에 직접 붙여넣는다.

• 1
  티스토리 관리 → 꾸미기 → 스킨 편집
• 2
  오른쪽 상단 html 편집 버튼 클릭
• 3
  </head> 태그를 찾아서 바로 앞에 GA4 코드 붙여넣기
• 4
  적용 클릭

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>
</head>

스킨 HTML 편집기에서 </head> 바로 앞에 GA4 코드를 넣는다

💡 적용 후 "태그가 감지되지 않는다"고 떠도 정상이다 코드를 넣고 나서 GA4 화면에 "태그를 감지하지 못했습니다"라는 메시지가 뜰 수 있다. 방금 설치한 경우 24~48시간 정도 지나야 정상적으로 인식된다. 코드가 스킨에 제대로 들어가 있다면 기다리면 된다.

티스토리에 GA4를 연동하려면 메타 태그 플러그인이 아니라 스킨 HTML 편집기에 직접 코드를 넣어야 한다.
꾸미기 → 스킨 편집 → html 편집에서 </head> 바로 앞에 GA4 코드를 붙여넣으면 된다.
적용 직후 감지 오류가 뜨는 건 정상이며 24~48시간 내에 해결된다.