티스토리에 GA4 연동하기｜방문자 행동 분석과 리포트 설정

 

 

GA4연동과 행동 데이터 리포트 설정

 

티스토리에 GA4 연동하기｜방문자 행동 분석과 리포트 설정

방문자가 내 글을 어떻게 읽고 어디에서 이탈하는지 이해하려면 데이터가 필요합니다. 이 글은 티스토리에 GA4(Google Analytics 4)를 연동하고, 행동 데이터(스크롤·클릭·체류)·유입 경로(UTM)·리포트를 단계별로 구성하는 방법을 정보 중심으로 정리한 실전 가이드입니다.

 

📑 목차

• 사전 점검
• 1) GA4 속성 생성 & 측정 ID
• 2) 티스토리에 코드 삽입
• 3) 기본·맞춤 이벤트 설정
• 4) UTM으로 유입 경로 분석
• 5) 리포트 구성 예시
• 발행 전 체크리스트
• 오늘부터 실행 요약

 

사전 점검

 

• 구글 계정 로그인 상태 확인
• 블로그 도메인(티스토리 주소) 파악
• 스킨 > HTML 편집 접근 가능 여부 확인

팁: 모바일 비중이 높으므로 설정 후 모바일 뷰에서 먼저 데이터 유입 테스트를 해보세요.

 

1) GA4 속성 생성 & 측정 ID 확인

 

1. Google Analytics 접속 → 관리 → 속성 만들기
2. 웹 데이터 스트림 생성(블로그 주소 입력) → 측정 ID(G-XXXXXXX) 복사

 

GA4속성 생성 ---> 스트림 설정 ---> 측정 ID확인

 

2) 티스토리에 GA4 코드 삽입

 

 

티스토리 관리자 → 스킨 → HTML 편집에서 </head> 직전에 아래 스니펫을 넣습니다.

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

 

저장 후 5~10분 내에 실시간 보고서에서 접속이 보이면 정상입니다.

 

3) 기본·맞춤 이벤트 설정

 

GA4는 기본적으로 페이지 조회·스크롤·아웃바운드 클릭 등을 수집합니다. 여기에 맞춤 이벤트를 추가하면 읽기 깊이와 상호작용을 더 명확히 파악할 수 있습니다.

 

권장 맞춤 이벤트(예)

• scroll_90: 페이지 최하단 90% 도달
• link_click: 외부 링크 클릭
• engaged_30s: 30초 이상 체류

경로: GA4 > 설정 > 이벤트 > 이벤트 생성 / GTM을 사용하면 규칙 관리가 쉬워집니다.

 

스크롤 클릭. 체류시간 맞춤 이벤트 구성

 

4) UTM으로 유입 경로 분석

 

캠페인/소셜/뉴스레터 유입을 구분하려면 URL에 UTM을 붙입니다.

 

https://yourblog.tistory.com/entry/post
?utm_source=youtube&utm_medium=video&utm_campaign=2025_q4

• utm_source: 유입 채널(예: youtube, naver, newsletter)
• utm_medium: 매체 유형(예: video, social, cpc)
• utm_campaign: 캠페인명(예: 2025_q4)

보고: GA4 > 리포트 > 트래픽 획득에서 소스/매체/캠페인별 성과 비교

 

UTM 구성 및 유입 경로 리포트 확인

 

5) 리포트 구성 예시(탐색 & 자유 형식)

 

1. 탐색 > 자유 형식 선택
2. 차원: 소스/매체, 페이지, 이벤트 이름
3. 지표: 평균 참여 시간, 이벤트 수, 세션당 조회수
4. 세그먼트: 모바일/데스크톱 비교

핵심 읽는 법: 유입 채널별로 참여 시간↑ 이탈↓ 조합을 찾고, 그 채널의 글/레이아웃을 우선 개선합니다.

 

발행 전 체크리스트(정보 중심)

 

• 제목·메타·본문에서 광고/수익 단어 과도 노출 없음
• 2,000자 이상 / 서론-본론-결론 흐름 / 이미지 ALT·lazy·크기 지정
• 동일 카테고리 내부링크 2개 이상 삽입 (메인 화면 UX 가이드, 카테고리 구조 재정비)
• 모바일로 미리보기 후 폰트/여백/표시 오류 점검

 

오늘부터 바로 실행 요약

 

1. GA4 속성 생성 → 측정 ID 발급
2. 티스토리 </head> 직전 코드 삽입 → 실시간 확인
3. 맞춤 이벤트(스크롤·클릭·체류) 3종 추가
4. 주요 배포 채널에 UTM 적용 → 리포트로 비교