7월 1일부터 유니버셜 애널리틱스(UA-xxx)가 더 이상 데이터를 수집하지 않습니다.
아래와 같은 경고문을 한 1년간 보기만 하다가
일찍 깬 오늘(어제 축구를 너무 빡세게 했나..) 구글 애널리틱스 4로 변경했습니다.
블로그 몇 개 찾아봤는데, 다 옛날 정보여서 불필요한 설정을 요구하고 있어 작성합니다. 물론 제가 안내하는 방법은 테마를 사용하는 경우에 한해서이긴 한데, 테마 사용 안 하시는 분 있나요?
Hugo에서 GA4 설정 방법 (이것만 읽으면 끝)
Hugo는 이미 해당 기능을 지원하고 있기 때문에 아래와 같이 config 파일의 googleAnalytics 파라미터에 할당받은 ID를 적어주기만 하면 됩니다.
여기서부터는 설명
HUGO Google Analytics 매뉴얼
Hugo의 GA4 매뉴얼 부분을 살펴보면 아래와 같이 설명되어 있습니다.
요약하면,
- config 파일에 tracking ID를 넣어라.
- Google Analytics template를 사용해라.
테마에서 GA4가 활성화되는 방법 설명
테마를 사용하는 경우 config 파일에 GA4 ID만 추가하면 되는 이유는
매뉴얼에 나와있는 Google Analytics template를 사용이 이미 들어가 있기 때문입니다.
예시로 제가 사용했던 테마 2개로 설명해 드릴게요.
PaperMod
테마 구성의 entry point는 baseof.html 파일입니다.
baseof는 head.html을 포함하는데 head.html 안에 GA를 포함하는 코드를 확인할 수 있습니다.
even
paperMod 이전에 사용했던 테마입니다.
paperMod와는 다르게 scripts.html 파일에서 GA를 포함하는 코드를 확인할 수 있습니다.
끝.