포스트

Github Blog 만들기 - Google Analytics

jekyll theme에 Google Analytics 적용하기


Google Analytics는 웹사이트와 앱 모두에서 이벤트 기반 데이터를 수집하는 차세대 애널리틱스 [GA4] 이용

애널리틱스 계정 만들기

구글 애널리틱스 페이지에서 구글 계정 로그인 후 계정 생성

화면 중앙의 측정 시작 버튼 클릭

계쩡 생성

계정 이름 입력 후 다음버튼 클릭

속성 만들기

속성 이름 입력 / 보고 시간대 대한민국 입력 / 통화 대한민국 원

비즈니스 세부정보

비즈니스 세부정보 입력은 본인 프로젝트에 맞는 업종 및 규모 선택

비즈니스 목표

필자는 사용자 행동 검토만 체크하고 진행했다.

데이터 수집 시작하기

웹에서 진행할 것이기 때문에 웹을 선택했다.

데이터 스트림 생성

본인 웹사이트 URL 및 스트림 이름을 입력한다.

스트림 까지 설정됐으면 웹 스트림정보 창에서 측정 ID 값을 복사한다.

복사한 ID값은 _config.yml file에서 analytics tab의 google id에 넣어준다.

1
2
3
4
# Web Analytics Settings
analytics:
  google:
    id: 측정ID값

여기까지 잘 설정했다면 애널리틱스 페이지에서 통계보고서를 확인할 수 있다.

마치며

_config.yml 에 적용된 측정 ID값은 _includes/js-selector.html 파일안에서 불러와서 사용되어진다.

이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.