티스토리에 GA4 연결하기
Google Analytics(GA) 계정 만들기 및 GA 속성 생성
GA4를 사용하기 위해서는 먼저 Google Analytics 계정이 있어야 합니다. 계정이 없다면 아래의 방법으로 계정을 생성합니다.
1. Google Analytics 계정 생성
① Google Analytics에 접속
② 구글 계정으로 로그인
③ "계정 만들기" 버튼을 클릭하여 새 계정 생성
④ 계정 이름 입력
예: 'ㅇㅇㅇ 블로그 분석'
⑤ 데이터 공유 설정 옵션 확인하고, 원하는 항목 선택
2. GA4 속성 생성
① 계정 생성한 후, "새 속성 만들기" 버튼 클릭
② 속성 이름 설정
예: 'ㅇㅇㅇ 블로그 GA4'
③ 시간대와 통화를 설정. 일반적으로 블로그의 대상 국가에 맞춰 시간대 설정
④ "다음"을 클릭하여 비즈니스 정보 입력 화면으로 이동한 후, 해당 정보 입력
⑤ 마지막으로 "생성" 버튼 눌러 속성 생성
3. 데이터 스트림 생성
① 속성을 생성한 후, "데이터 스트림"을 추가하는 화면으로 이동
② "웹" 선택
③ 티스토리 블로그의 URL 입력
예: https://ㅇㅇㅇblog.tistory.com
④ 데이터 스트림의 이름을 설정하고 "스트림 만들기" 버튼 클릭
⑤ 스트림을 만들면 '측정 ID'가 생성되며, 이 ID가 티스토리 블로그에 GA4 설치 시 필요
티스토리 블로그에서 GA4 설치하기
GA4 속성을 생성한 후, 티스토리 블로그에 GA4를 설치해야 데이터 추적 가능합니다. 티스토리에서 GA4 설치는 간단히 JavaScript 코드 삽입으로 진행할 수 있습니다.
1. 티스토리 관리 페이지 접속
① 티스토리 블로그 로그인
② 우측 상단의 '관리' 버튼 클릭
③ 'HTML/ CSS 편집' 메뉴로 이동. 이 메뉴는 블로그 테마에 따라 다를 수 있으나, 일반적으로 '꾸미기' 탭 아래에 있음
2. GA4 추적 코드 삽입
① Google Analytics에서 제공하는 GA4 추적 코드를 티스토리 블로그에 삽입
② 앞서 생성한 데이터 스트림의 페이지에서 '측정 ID( G-XXXXXXX )와 '추적 스크립트' 확인 가능
③ 코드 예시는 아래와 같음
코드 복사
<!-- Global site tag (gtag.js) - Google Analytics -->
<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>
④ G-XXXXXXX 부분을 자신의 GA4 측정 ID로 변경
⑤ 이 코드를 티스토리 블로그의 </head> 태그 바로 위에 삽입. 블로그 테마에 따라 head 태그를 찾는 위치가 다를 수 있으므로, HTML/CSS 편집 메뉴에서 적절한 위치를 찾아 넣도록 함 ('Ctrl+F' 사용하여 /head 검색하면 더 쉽게 찾을 수 있음)
3. 코드 적용 확인
① 코드를 삽입한 후, 하단의 "저장" 버튼을 눌러 변경사항 저장
② 블로그에 방문하여 GA4 코드가 정상적으로 설치되었는지 확인
(GA4 실시간 보고서를 통해 방문자가 추적되는지 확인 가능. Google Analytics 홈페이지에서 "실시간" 탭으로 이동하여 블로그의 방문자 활동을 실시간으로 확인 가능)
GA4 이벤트 설정 및 추가 설정
GA4는 기본적으로 페이지 조회 등의 이벤트를 자동으로 추적하지만, 블로그에서 중요한 행동(예를 들면, 특정 버튼 클릭, 특정 페이지 조회 등) 을 추가로 추적하려면 커스텀 이벤트를 설정해야 합니다.
1. 기본 이벤트 확인
GA4는 기본적으로 여러가지 이벤트를 자동으로 추적합니다.
● 페이지 조회(page_view)
● 스크롤(scroll)
● 아웃바운드 클릭(click)
● 파일 다운로드(file_download) 등
이러한 이벤트들은 별도의 설정 없이도 GA4 대시보드에서 확인할 수 있습니다.
2. 커스텀 이벤트 설정
더 구체적인 분석이 필요할 경우 커스텀 이벤트를 설정할 수 있습니다. 커스텀 이벤트 설정은 Google Tag Manager(GTM)를 이용하는 것이 일반적입니다.
① Google Tag Manager에 접속하여 계정 생성
② 새로운 컨테이너를 만들고, 티스토리 블로그의 URL을 입력
③ GA4 설정 태그 추가
④ 트리거를 설정하여 특정 행동 (예: 버튼 클릭)을 감지하도록 설정
⑤ 트리거된 이벤트를 GA4에 전송할 수 있도록 설정 완료
3. 이벤트 목표 설정
특정 이벤트가 목표(Goal)로 설정되면 해당 이벤트를 통한 전환 분석이 가능해집니다. 예를 들어 블로그 방문자가 특정 글을 읽었거나 버튼을 클릭한 경우 이를 목표로 설정할 수 있습니다.
① Google Analytics에서 "구성" > "이벤트" 로 이동
② 추적하고자 하는 이벤트 클릭하고, 이를 목표로 설정
③ 해당 목표를 분석하여 블로그 성과 평가
4. 데이터 분석 및 대시보드 설정
GA4는 다양한 보고서와 대시보드를 제공하여 사용자가 원하는 방식으로 데이터를 분석할 수 있습니다. 특히 '탐색' 기능을 통해 더욱 세밀한 데이터를 시각적으로 확인할 수 있습니다.
1. 기본 보고서 확인
● 실시간 보고서: 현재 블로그를 방문하고 있는 사용자의 활동을 실시간으로 확인할 수 있음
● 잠재고객 보고서: 블로그 방문자의 특성(위치, 기기, 브라우저 등)을 확인할 수 있음
● 획득 보고서: 방문자들이 어떤 경로로 블로그에 유입되었는지 파악할 수 있음
(예: 검색 엔진, 소셜 미디어 등)
● 행동 보고서: 방문자가 블로그 내에서 어떤 행동을 하는지 (페이지 조회, 클릭 등)를 분석할 수 있음
2. 맞춤 대시보드 설정
GA4의 "탐색" 기능을 사용하면 특정 데이터를 추출하여 맞춤형 대시보드를 구성할 수 있습니다. 예를 들어, 특정 날짜 범위 내에 페이지 조회 수, 방문자 수, 이벤트 실행 수 등을 한눈에 확인할 수 있는 대시 보드를 설정할 수 있습니다.