▷ 내 사이트(티스토리)에 구글 애널리틱스 추적 코드(gtag) 심기
구글 애널리틱스가 데이터를 수집하기 위해서는 스크립트(추적코드)를 설치해야 한다.
스크립트 설치는 아주 간단하다.
구글 애널리틱스 [속성 > 추적 정보 > 추적 코드] 에 있는 범용 사이트 태그(gtag.js)를 복사해서 추적하고자 하는 모든 웹페이지의 <head>에 첫 번째 항목에 붙여 넣으면 된다.
간혹 첫 번째 항목에 붙여넣지 않는 경우, 앞 부분 코드가 실행되는 시간이 길어 gtag가 미처 실행되기 전에 세션이 마무리 되는 경우가 있으므로 첫 번째 항목에 붙여넣는 것을 권한다.
그러면 내 티스토리 블로그에 gtag 스크립트를 심어보도록 하자.
블로그관리(manage) 페이지에서 [꾸미기 탭 - 스킨 편집 - html편집] 으로 이동한다.
<head>의 첫번째 항목으로 앞에 확인했던 범용 사이트 태그(gtag.js)를 붙여넣고 적용 버튼을 누르면 끝이다.
이미 페이지에 범용 사이트 태그(gtag.js)가 있다면 마지막 config 행만 기존 태그에 추가하면 된다.
gtag('config', 'UA-00000000');
※ 이것처럼 태그를 직접 심는 경우에 스킨을 변경하면 html 태그가 달라지므로 추적 코드를 다시 심어야 함에 유의하자.
▷ gtag 스크립트 작동 확인 - 구글 태그 어시스턴트(Google Tag Assistant), GA 실시간 보고서
gtag 스크립트를 설치한 다음에는 해당 태그가 잘 작동하는지 확인이 필요하다.
작동 확인은 구글 태그 어시스턴트와 GA 실시간 보고서를 통해 할 수 있다.
먼저, 태그 어시스턴트로 확인하는 방법이다.
크롬으로 접속하여 '구글 태그 어시스턴트'를 검색해 확장 프로그램인 'Tag Assistant Legacy'를 설치한다.
설치를 마치면 아래와 같이 태그 어시스턴트 아이콘이 크롬 브라우저의 확장 프로그램 바에 표시된다.
이후 내가 스크립트를 설치한 웹사이트에서 [태그 어시스턴트 아이콘 클릭 - Enable 클릭 - 새로고침] 하면 해당 웹사이트의 태그를 분석하여 태그의 개수와 오류 여부를 파악할 수 있다.
(왜 2개인지는 잘 모르겠다...)
태그 어시스턴트 아이콘 색에 따른 스크립트 설치 상태
- 초록색 태그 아이콘 또는 메시지 : 태그가 정상 설치되어 정상 작동됨.
- 파란색 태그 아이콘 또는 메시지 : 정상 설치, 정상 작동 가능하지만 사소한 문제로 인해 개선 권장사항 있음.
- 노란색 태그 아이콘 또는 메시지 : 구현에 문제 있음. 설치 점검 필요.
- 빨간색 태그 아이콘 또는 메시지 : 심각한 문제로 인해 설치 수정 필요. 부정확한 데이터 수집, 또는 누락 가능성 있음.
참고) Tag Assitant Recordings 사용하기
하지만 태그 어시스턴트로 모든 상태를 정확하게 진단할 수 있는 것은 아니므로 대략적인 참고만 하는 것이 좋다.
더 구체적으로 태그 작동 상황을 확인하고 싶으면 'Record' 기능을 사용할 수 있다.
해당 웹사이트 이전 다른 페이지에서 태그 어시스턴트 Record 버튼을 누르고, 태그를 설치한 웹사이트에 접속 후 [Stop Recording] 클릭, [Show Full Report] 클릭하면 더 자세한 태그 보고서를 볼 수 있다.
다음은 GA 실시간 보고서를 통해 확인하는 방법이다.
구글 애널리틱스 홈 화면의 [현재 활성 사용자] 대시보드나 [실시간 보고서]에서 사이트의 현재 활성 사용자를 확인할 수 있다.
스크립트를 설치한 웹사이트에 방문한 후 GA의 사용자 수에 반영되는지 체크해보면 된다.
(다만 약간의 지연 시간이 있을 수 있으니 유의할 것)
이렇게하면 GA 데이터 수집을 위한 세팅이 완료된다!
'Google > 구글 애널리틱스 (GA)' 카테고리의 다른 글
| [GA] 구글 애널리틱스 활용 - 주요 보고서(잠재고객, 획득, 행동, 전환) 활용 방법 (1) | 2023.01.23 |
|---|---|
| [GA] 구글 애널리틱스 기본 - 보고서 구성 요소 알아보기 (0) | 2022.12.31 |
| [GA] 구글 애널리틱스(GA) 데이터 단위 - 조회(Hit), 세션(Session), 사용자(User) (3) | 2021.06.09 |
| [GA] 구글 애널리틱스(GA) 계정 생성 (계정, 속성, 보기) & 사용자 추가, 권한 부여 (1) | 2021.05.25 |
| [GA] 구글 애널리틱스(GA)란? (3) | 2021.05.20 |