소개

지금까지 Google Analytics(이하, GA)는 Qiita에서 밖에 사용한 적이 없었습니다만, 요전날 QiiTrend 를 공개했을 때, GA에서는 페이지 액세스 이외에도 다양한 정보를 수집할 수 있는 것을 알았습니다.
잘 모르는 부분도 있습니다만 GA로 수집할 수 있는 내용과 QiiTrend에서의 사용법을 소개합니다.

또한, 여기에서는 GA의 설정 방법이나 사이트에 짜넣을 때의 구체적인 코드는 실려 있지 않습니다.
공식 문서에 알기 쉽게 쓰여 있으므로 그쪽을 참조하십시오.

GA에서 수집할 수 있는 것

GA에서는 다음과 같은 데이터를 수집할 수 있는 것 같습니다.

페이지 추적

사용자가 페이지를 보았음을 기록합니다.

여기서 말하는 페이지는 URL에 묶인 화면입니다.

기록한 데이터는 GA 보고서 > 행동 > 사이트 콘텐츠 > 모든 페이지 등에서 확인할 수 있습니다.

앱 및 화면 추적

스크린 뷰를 기록합니다.

다이얼로그 등 URL과 붙어 있지 않은 것의 표시를 기록하기 위한 것이라고 생각합니다.

소셜 상호작용

페이지에 설치된 소셜 버튼(트위터 트윗 등)의 클릭을 기록합니다.

기록한 데이터는 GA의 리포트 > 집객 > 소셜 > 개요 등에서 확인할 수 있습니다.

이벤트 추적

URL 변경을 일으키지 않는 사용자 조작을 기록하는 데 사용합니다.

기록한 데이터는 GA의 리포트 > 행동 > 이벤트 > 개요 등에서 확인할 수 있습니다.

맞춤 속도

AJAX 요청 시간 측정 등에 사용합니다.

기록한 데이터는 GA 보고서 > 행동 > 사이트 속도 > 맞춤 속도 화면에서 확인할 수 있습니다.

예외 추적

서버 연결 오류와 같이 클라이언트 측에서 발생한 오류를 기록할 수 있습니다.

QiiTrend에서 하는 일

QiiTrend의 프런트 엔드는 React.js + react-router로 구현되며 GA는 react-ga라는 모듈을 사용하여 액세스합니다.

QiiTrend는 다음 정보를 수집합니다.

페이지뷰 기록

QiiTrend에는 톱 페이지(/)와 트렌드 차트의 페이지(/trend)의 2개의 페이지가 있으므로, 이 단위로 페이지뷰를 기록하고 있습니다.

이벤트 추적

이벤트 추적으로 다음 내용을 기록합니다.

외부 링크 액세스

메시지 표시

API 응답 시간 기록(사용자 지정 속도)

QiiTrend에서는 검색 쿼리를 추가하거나 표시 옵션을 변경하면 API를 호출하여 데이터를 검색하지만, 한 번에 검색할 수 없을 때는 몇 초마다 재시도를 반복합니다.
이 첫 API 호출에서 궁극적으로 데이터를 검색하는 데 걸리는 시간을 맞춤 속도로 기록합니다.

검색 쿼리 및 표시 옵션 기록 (사이트 내 검색)

QiiTrend는 검색 쿼리와 표시 옵션을 다음과 같이 URL의 쿼리 매개 변수로 설정합니다.

?mode=ratio&period=4&query=tag%3Apython&unit=yearly

이를 GA의 보기 설정에서 사이트 내 검색으로 설정하여 어떤 검색어가 실행되고 있는지 확인하고 있습니다.

참고

Google 애널리틱스  |  Google Developers

애널리틱스 추적

사이트에 analytics.js 추가

애널리틱스 고객센터

사이트 내 검색을 설정하여 검색 데이터를 확인합니다.

react-ga/react-ga: React Google Analytics Module

이번 여름 Google 애널리틱스가 새로워지는 것을 알고 계셨습니까? 유니버설 애널리틱스 학습하기 - Qiita