Dlog

깃허브 블로그 구글 애널리틱스 적용하기

#GitHub-Blog  

깃허브 블로그를 관리하고 방문자 수를 확인하기 위해 구글 애널리틱스를 적용하기로 했다. 구글 검색을 통해 구글 애널리틱스를 적용했는데, 바로 반영이 안되길래 ‘오래 걸리나?’ 생각했다. 하지만 오래 걸리는 것이 아니라 적용이 안 되어있었던 것😅 추적 ID가 아닌 측정 ID를 등록한 게 문제의 원인이었다.

구글 애널리틱스에 등록했는데 적용이 안 된다면?

1) 왼쪽 하단의 톱니바퀴 모양(관리, Admin) 클릭

image


2) 속성 만들기(Create Property) 버튼 클릭

image


3) 순서대로 작성
원하는 속성 이름 작성하고, 시간대/통화는 한국/원 설정 → 고급 옵션 보기(Show advenced options) 클릭 → 유니버설 애널리틱스 속성 만들기 오른쪽 버튼 클릭 → 웹사이트 url 작성 → 다음 버튼 클릭

image


4) 비지니스 정보는 생략 가능


5) 속성 생성 완료!


6) 다시 관리 버튼 클릭

image


7) 추적 정보(Tracking Info) > 추적 코드(Tracking Code) 클릭

image


8) 추적 ID(Tracking ID)와 범용 사이트 태그(Global Site Tag) 복사

image


9) ‘_includes’ 폴더 안에 analytics.html 파일 생성 후, 해당 파일에 범용 사이트 태그(gtag.js) 붙여넣기

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

  gtag('config', 'UA-000000000-1');
</script>

❗ 이미 jekyll테마에 범용 사이트 태그가 있다면 ‘_config.yml’ 파일에 아래와 같이 추적 코드만 붙여넣으면 된다.

google_analytics: 
  tracking_id: UA-000000000-1


10) ‘_layouts’ 폴더 안 default.html파일 </footer>태그 아래에 아래 코드를 {} 중괄호 안에 넣어서 붙여넣기

% include analytics.html %


11) 바로 적용 완료!

image