📘 [GithubPages] Jekyll hydejack Google Analytics 조회수 확인 - 7

2025년 03월 10일 in Study / ETC on #Jekyll #GithubPages

[GithubPages] Jekyll hydejack Google Analytics 조회수 확인

---

• ✅ Google Analytics 설정
• ✅ Google Analytics 적용
• 📑 Reference

개발 블로그를 운영하면서 느낀 것 중 하나는 누가 어떻게 얼마나 내 글을 보고 있는가? 에 대한 궁금증이 였다. 개발자로서 내가 공부하고 정리한 내용을 누군가에게 도움이 된다면 그보다 더 큰 성취감은 없을것이다. Google Analytics 데이터를 보면서 방문자들의 유형도 파악하고 글 주제는 어떻게 선택할지 어떤 형식을 유지할지 고민하고 개발 공부 기록을 더 잘 전달하기 위한 방향성 확보가 될 것이다. 블로그를 꾸준히 운영하는 건 쉽지 않은 일이다. 하지만 누군가가 내 글을 보고 있고 시간이 지날수록 방문자 수가 늘어난다는 걸 본다면 내가 쓰는 글이 의미가 있구나 생각되며 더 열심히 활동할 수 있는 동기가 부여될 것 같다. 무엇보다 Google Analytics 적용시키는게 아주 간단하다.

✅ Google Analytics 설정

---

Google Analytics 가입을 진행한다.

계정 세부정보를 입력합니다.

플랫폼 웹을 선택 웹사이트 주소 입력 스트림을 생성한다. 측정ID를 발급 받으면 가입 절차는 끝났습니다.

✅ Google Analytics 적용

---

# file: _config.yml
# 3rd Party Integrations
# ----------------------------------------------------------------------------------------

# Set your Google Analytics id to receive `pageview` events.
# To remove Google Anaylics from your page, remove the line below.
google_analytics:      UA-XXXXXXXX-X

google_analytics 부분 주석을 풀고 발급 받은 측정ID를 입력한다.

태그 안내 보기 -> 직접 설치 선택 시 나오는 코드를 복사 합니다.

# file: _includes/my-head.html
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="/assets/js/sidebar-folder.js"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id="></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', '');
</script>

my-head.html에 복사한 코드를 넣어주면 완료된다.

Google Analytics 페이지에서 실시간 조회수를 확인 할 수 있습니다. 🤗

---

📑 Reference

---

• Google Analytics
• https://data-scientist-techlog.tistory.com/entry/githubio-%EB%B8%94%EB%A1%9C%EA%B7%B8%EB%A7%8C%EB%93%A4%EA%B8%B0-6%ED%8E%B8%08Google-Analytics-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0

---