> ## Content Index
> Fetch the complete content index at: https://jiwonkwak.co/llms.txt
> Use this file to discover other available public pages before exploring further.

# 자주 클릭되는 질문은 무엇일까 – FAQ 사이트에 GA 커스텀 이벤트 적용하기
- URL: https://jiwonkwak.co/custom-event-google-analytics/
- Published: 2025-07-16T12:57:39.000Z
- Updated: 2025-07-16T12:57:39.000Z
- Description: 정적 사이트로 만든 FAQ 페이지에 GA 커스텀 이벤트를 적용하여 더 깊은 사용자 인사이트를 얻을 수 있습니다.
- Author: Jiwon Kwak
- Tags: tech

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

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

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

---

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

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

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

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

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

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

---

## Looker Studio에서 시각화하기

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

1. **Dimension**은 `Event Label`을 선택하고, 시각화 상에서 이름을 `"FAQ Question"`으로 변경한다.
2. **Metric**은 `Event Count`를 설정한다.

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXciUNItY5JCRBdrmWooFfaXEhmnPupq5X5za9brXdDZJPrE08VVIgu7w_1994lge9Dy4OKsJQ9RFzlIt11oP0X659nq2ShtQwKIAeI--RF1rCVYIRB6ZiKuZ7j3DWnm1SePP2I9?key=y2Xd2br3HIAkDFGvOsaxPg)

1. 필터 조건으로 **Event Name** \= `faq_toggle`인 데이터만 포함되도록 설정한다.

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXddyDA7fZnaJheecdYL-Xtyuxf6htU6-AEZ_RLvKzbD1A-TCDUC09s6SBcNnQlcO5umImf7IZpUg1LuxPAA-Xbqde24w1i-2OO6pt1x_8vlwjYsBGxBqIIOZkUxUMohqcsBSYRNug?key=y2Xd2br3HIAkDFGvOsaxPg)

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

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcGCEM1k3pvngwp4aH2eTAPgBdNKQqrfxaveJDroBug5DSJiFa6Ci-C_47siEUggWLrgKz6T3y-plFErw7LlZ6FLnFBmnfzTolccZ_mwO-a3JwERmsIfIurOQNiQrUOkf1lGF_O?key=y2Xd2br3HIAkDFGvOsaxPg)

---

## 검색 이벤트 추적하기

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

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

![](https://storage.ghost.io/c/c7/10/c710599b-83a3-4c66-a66d-86fbc08da68b/content/images/2025/07/google-analytics-1-1.png)

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

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

- **Dimension**: `search_term`
- **Metric**: `Event Count`
- **Event Name** 필터: `view_search_results`만 포함

![](https://storage.ghost.io/c/c7/10/c710599b-83a3-4c66-a66d-86fbc08da68b/content/images/2025/07/Screenshot-2025-07-16-at-9.52.09---PM.png)

---

## 결론

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