GitHub 블로그 만들기 (7) - 구글 애널리틱스 기능

GitHub 블로그 만들기 (7) - 구글 애널리틱스 기능

📝 GitHub 블로그에 구글 애널리틱스 기능을 추가합니다.

안녕하세요, 해을입니다🦖

이번 글에서는 구글 애널리틱스 기능에 대해 알아보겠습니다!

💡구글 애널리틱스

image

구글 애널리틱스는 웹 사이트의 트래픽을 추적하는 구글 서비스입니다.

Jekyll에는 별도의 방문자 기록 시스템이 없기 때문에 구글 애널리틱스를 사용하여 방문 기록을 확인합니다.

구글 애널리틱스는 언제, 어디서, 누가, 어떤 페이지에 방문했는지 등 무척 자세하게 방문 기록을 확인할 수 있습니다.

이를 통해 자신의 블로그에 주 방문자는 어떤 계층인지, 어떤 게시글이 인기가 많은지 등 분석할 수 있겠죠?

계정을 만든 후, ID 입력만 하면 되기 때문에 설정도 굉장히 간편합니다.

💡추적 ID? 측정 ID?

구글 애널리틱스를 설정하기 위해서는 ID를 입력해야 하는데, ID의 종류는 2가지입니다.

  1. 추적 ID : ‘UA-‘로 시작
  2. 측정 ID : ‘G-‘로 시작

사용 테마 doc의 예시를 보고 어떤 ID를 사용해야 하는지 확인해 주세요.

올바른 ID를 사용하지 않으면 애널리틱스가 동작하지 않습니다.

Hydejack의 경우, UA로 시작하므로 추적 ID를 사용해야 합니다.

image

💡기능 추가하기

🥨 계정 만들기

구글 애널리틱스 사이트에 접속한 후,

사이드바 가장 아래에 있는 관리 탭의 계정 만들기로 들어갑니다.

image

🥨 계정 설정

필수 정보인 계정 이름을 입력합니다.

image

🥨 속성 설정

속성 이름을 입력하고 시간대와 통화를 한국 기준으로 변경합니다.

속성 이름은 아무 값이나 상관없으며, 저는 블로그 이름으로 설정했습니다.

image

🌟 유니버셜 애널리틱스 속성 만들기
(추적 ID(‘UA ~~’)가 필요하신 분들만 진행/ 측정 ID가 필요하신 분들은 넘어가시면 됩니다.)

고급 옵션 보기-유니버설 애널리틱스 속성 만들기를 선택하고

깃헙 블로그 주소를 입력한 후, 꼭!!!! 유니버설 애널리틱스 속성만 만들기를 체크해 주세요.

image

🥨 비즈니스 정보 설정

카테고리, 규모, 사용 계획을 자유롭게 선택한 후, 약관에 동의합니다.

image

image

🥨 (선택) 측정 ID(‘G ~~’) 발급

측정 ID가 필요해서 그냥 넘어오신 분들은 아래의 추가 설정을 진행해 주세요.

측정 ID('G ~~') 추가 설정
  1. 플랫폼의 데이터 스트림을 설정합니다. image

  2. 깃헙 블로그 주소스트림 이름을 입력합니다. image

  3. 발급된 측정 ID(‘G ~~’)를 복사합니다. image

🥨 추적 ID 확인

발급된 추적 ID(‘UA ~~’)를 복사합니다.

image

🥨 _config.yml 설정

복사한 ID를 _config.yml 파일 google_analytics에 붙여넣기 합니다.

image

🥨 대시보드 확인

commit/push를 통해 저장소에 업로드한 후, 블로그에 접속합니다.

블로그 창을 띄운 채로 구글 애널리틱스 홈을 살펴보면 실시간으로 활성 사용자를 확인할 수 있습니다.

(저는 미리 설정해둬서 방문 기록도 찍혀있네요ㅎㅎ)

image


자! 이렇게 해서 Github 블로그에 구글 애널리틱스 기능을 추가해 봤습니다.

어떤 분들이 블로그에 방문해 주실지 무척 기대되지 않나요😝

다음 글에서는 구글에서 블로그를 검색할 수 있도록 하는 구글 서치 콘솔에 대해서 소개해 드리도록 하겠습니다.


오류 및 오타 지적, 질문, 인사 등 무엇이든 언제나 환영입니다!

읽어주셔서 감사합니다.

끝!🦕


🔗 다음 글 바로가기 GitHub 블로그 만들기 (8) - 구글 서치 콘솔

👍 참고


© 2022. Haeeul All rights reserved.

🐾해을의 개발자국🐾

Powered by Hydejack v9.1.5