[GA4] 구글애널리틱스 설정 방법

1. 기본설정 : 홈페이지에 애널리틱스 구독 코드 설정

_includes/head.html 에 다음 내용 추가

<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FYFRWNDHSX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-FYFRWNDHSX');
</script>
<!-- End Google Analytics -->

2. 버튼 클릭 이벤트 트래킹 코드 추가

페이지에 있는 button id가 만약 이렇다면

<button id="test-cta-btn">테스트 버튼</button>

_includes/head.html 의 맨 마지막에 다음 내용 추가

<script>
  document.addEventListener("DOMContentLoaded", function () {
    var btn = document.getElementById("test-cta-btn");
    if (btn) {
      btn.addEventListener("click", function () {
        if (typeof gtag === "function") {
          gtag("event", "test_button_click", {
            event_category: "engagement",
            event_label: window.location.pathname
          });
        }
      });
    }
  });
</script>