무료로 블로그 방문자 데이터 수집 방법

Google Analytics와 Cloudflare Web Analytics 를 이용해 무료로 블로그 방문자 데이터를 수집하는 방법입니다.

이 글은 hugo + github + cloudflare 조합으로 무료 blog 만들기 가 선행되었다고 가정합니다.

Google Analytics(GA)

stack 테마는 기본으로 GA 설정을 지원합니다.

  1. GA 로그인
  2. 상단 +만들기 > 속성
  3. 속성 이름, 세부정보, 목표 등을 입력후 데이터 수집 단계에서 웹사이트 URL 입력
  4. 웹 스트림 세부정보 화면에서 G- 로 시작하는 측정 ID 값을 복사
  5. hugo.yaml 을 열고 아래 id 부분에 GA ID 값을 입력 후 저장 & 배포

끝입니다. 이제 테마에서 자동으로 GA 수집 코드를 생성해 넣어주게 됩니다.

1
2
3
4

services:
    # GA Tracking ID
    googleAnalytics:
        id: G-XX

Cloudflare Web Analytics(CWA)

CWA 역시 관리도구에서 활성화만 시켜주면 cloudflare pages 가 배포될 때. 자동으로 코드가 주입되어 배포되게 됩니다.

  1. CWA 로그인
  2. 분석 및 로그 > Web Analytics > 사이트 추가
  3. pages 로 생성된 사이트를 선택 후 완료
  • 또는 컴퓨팅 > Workers 및 Pages > 내사이트 > 매트릭 > Web Analytics 사용 클릭

끝입니다. 이제 다음번 배포시 자동으로 CWA 수집 코드가 생성되어 활성화 됩니다.

이후 각각 GA, CWA 홈페이지에서 분석된 데이터를 확인 할수 있습니다.