깃허브 블로그 GA4로 업그레이드하기

깃허브 블로그 GA4로 업그레이드하기

최근 GA에 접속해보니 아래와 같은 알림 문구가 뜨기 시작했다.

‘자세히 알아보기’를 클릭해보니 아래와 같이 유니버셜 애널리틱스 기능 지원이 중단될 예정이라고 한다. 즉, 기존 버전(유니버셜 애널리틱스) 대신 신규 버전(Google 애널리틱스 4)를 사용하라는 이야기인 것 같다.

GA 접속 시 뜨는 알림 문구에서 ‘이동’ 버튼을 클릭해서 GA4로 전환하는 작업을 진행해보았다. 아래와 같은 화면에서 ‘GA4 속성 보기’ 버튼을 클릭한다.

좌측 메뉴 에서 ‘데이터 스트림’을 누른다.

데이터 스트림의 속성 항목이 나타나면 해당하는 속성을 열어준다.

속성을 열면 ‘G-’로 시작하는 ‘측정 ID’가 나오는데 이 값을 복사해둔다. 그리고 Github Blog 소스코드 중에서 ‘_config.yml’ 파일을 열어 ‘Analytics’ 관련 부분에서 기존 GA3 tracking_id 아래에 measurement_id 항목을 입력하여 복사한 ‘측정 ID’ 값을 붙여넣는다.

_config.yml

# Analytics
analytics:
  provider               : "google-gtag"
  google:
    tracking_id          : UA-
    measurement_id       : G-
    anonymize_ip         : true

그리고 아래와 같이 google-gtag.html 을 열어 기존 JavaScript 태그 안에서 gtag 아래에 ‘gtag(‘config’, ‘{{ site.analytics.google.measurement_id }}’);’ 를 추가한다.

_includesanalytics-providersgoogle-gtag.html

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.analytics.google.tracking_id }}"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', '{{ site.analytics.google.tracking_id }}', { 'anonymize_ip': {{ site.analytics.google.anonymize_ip | default: false }}});
  gtag('config', '{{ site.analytics.google.measurement_id }}');
</script>

GitHub에 소스코드를 커밋 후 푸시하면 끝이다. GA에 접속해보면 아래와 같이 GA4 기준 실시간 개요를 확인할 수 있다.