자주 클릭되는 질문은 무엇일까 – FAQ 사이트에 GA 커스텀 이벤트 적용하기

정적 사이트로 만든 FAQ 페이지에 GA 커스텀 이벤트를 적용하여 더 깊은 사용자 인사이트를 얻을 수 있습니다.

자주 클릭되는 질문은 무엇일까 – FAQ 사이트에 GA 커스텀 이벤트 적용하기
Photo by path digital / Unsplash

올해 상반기 정적 사이트 생성기 Eleventy를 활용해 FAQ 페이지를 구축했다. 모든 질문과 답변이 한 페이지 안에서 토글 형식으로 구성되어 있다. 이제 페이지 자체는 잘 작동하니, 사용자가 어떤 질문을 자주 클릭하는지를 알고 싶었다.

처음에는 Google Analytics 4(이하 GA4) 태그를 삽입해 트래킹을 시도했지만, 곧 한계에 부딪혔다. GA4는 기본적으로 페이지 단위의 조회 데이터만 제공하기 때문에, "유저가 어떤 질문에 관심을 가졌는가?"에 대한 인사이트는 얻을 수 없었다. FAQ 페이지가 로딩되었다는 정보는 알 수 있었지만, 어떤 항목이 실제로 클릭되었는지는 확인할 수 없었다.

또한 검색 기능은 있었지만, 검색어 데이터도 따로 수집하고 있지 않은 상태였다.


해결 방법: 커스텀 이벤트 및 검색어 추적 추가

이를 해결하기 위해 다음과 같은 작업을 진행했다:

  1. faq_toggle이라는 커스텀 이벤트를 만들어, 각 질문이 토글될 때 GA4로 이벤트가 전송되도록 설정했다.
  2. GA4에서 기본 제공하는 검색 이벤트인 view_search_results를 Enhanced Measurement 설정을 통해 활성화했다.

먼저 첫 번째 커스텀 이벤트는 다음과 같이 구현했다. 질문 텍스트는 questionText 변수로 받아왔기 때문에, 이를 event_label 파라미터로 설정했다.

gtag('event', 'faq_toggle', {
  event_category: 'FAQ',
  event_label: questionText,
  language: document.documentElement.lang || 'unknown'
});

이벤트를 GA4에 전송한 이후에는 Admin > Custom Dimensions에서 해당 파라미터들을 등록해야 한다.


Looker Studio에서 시각화하기

Looker Studio를 사용하면 위에서 만든 데이터를 간편하게 시각화해 공유할 수 있다.

  1. DimensionEvent Label을 선택하고, 시각화 상에서 이름을 "FAQ Question"으로 변경한다.
  2. MetricEvent Count를 설정한다.
  1. 필터 조건으로 Event Name = faq_toggle인 데이터만 포함되도록 설정한다.

이렇게 설정하면 어떤 질문이 자주 클릭되었는지를 시각적으로 확인하고, 콘텐츠 구조나 FAQ 순서를 개선하는 데 실제 데이터를 근거로 삼을 수 있다.


검색 이벤트 추적하기

내부 검색 기록도 함께 수집하고 싶다면, GA4의 Enhanced Measurement > Site Search 기능을 활용하면 된다.

  1. GA Admin > Data Streams > Enhanced Measurement로 이동
  2. Site Search를 활성화
  3. 검색어가 담긴 쿼리 파라미터 (예: ?q=)를 입력

이후 view_search_results 이벤트가 자동으로 수집되며, search_term이라는 파라미터에 검색어가 담긴다.

Looker Studio에서는 다음과 같이 설정할 수 있다:

  • Dimension: search_term
  • Metric: Event Count
  • Event Name 필터: view_search_results만 포함

결론

FAQ는 단순히 질문과 답변을 나열한 페이지가 아니다. 어떤 질문이 많이 클릭되는지, 어떤 검색어가 입력되는지를 추적해야 사용자의 실제 관심사를 파악할 수 있고, 그에 맞춰 콘텐츠를 최적화할 수 있다.