# 메타 픽셀 & GA4 연동 가이드 (판매페이지ver)

출처 https://www.groble.im/help/guides/analytics

전체 가이드 목록 https://www.groble.im/llms.txt

---

내 상품이 얼마나 노출되고, 어디서 이탈하고, 얼마나 팔리는지 **내 GA4·Meta 광고 계정에서 바로 확인하고 싶으신가요?**

그로블은 판매자가 등록한 GA4 Measurement ID와 Meta Pixel ID로 구매 여정 이벤트를 자동으로 전송해요.  
이 문서는 **어떤 상황에서 어떤 이벤트가 찍히는지**, **GA4/Meta 어디에서 확인하면 되는지**를 정리한 가이드예요.

> 💡 결제창 상품은 [**메타 픽셀 & GA4 연동가이드 (결제창ver)**](https://groble.im/help/guides/payment-window-analytics) 문서를 확인해주세요.

## 1\. 시작하기 전에 - 필요한 준비

| 필요 항목 | 확인 방법 | 형식 예시 |
| --- | --- | --- |
| GA4 Measurement ID | Google Analytics → 관리 → 데이터 스트림 | `G-XXXXXXXXXX` |
| Meta Pixel ID | Meta 비즈니스 관리자 → 이벤트 관리자 | `1234567890123456` |

### ID 등록 (바로가기)

-   [Google Analytics 바로가기](https://accounts.google.com/)
    
-   [메타 비즈니스 관리자 바로가기](https://business.facebook.com/)
    
-   위에서 발급한 ID를 [Groble 내 스토어 → 설정](https://www.groble.im/manage/store/settings)에서 연결해주세요.  
    **Pro 플랜**을 이용 중이며, 측정 ID를 올바르게 저장한 경우에 이벤트가 전송돼요.
    

## 2\. 어떤 페이지에서 어떤 이벤트가 발행되나요?

구매자가 상품 또는 마켓을 마주하고 구매 완료까지 이어지는 흐름은  
**(1)** **상품 상세 페이지 → 결제창 → 결제 완료 3단계 또는**  
**(2) 내 마켓 페이지 → 상품 상세 페이지 → 결제창 → 결제 완료** 4단계예요.

각 단계에서 아래 이벤트가 Meta Pixel, GA4에 전송돼요.

1. **① 내 마켓 페이지** (`/{내마켓링크}`)
   - page_view
   - PageView (Meta)
   - view_item_list
2. **② 상품 상세 페이지** (`/products/{id}`)
   - page_view
   - PageView (Meta)
   - view_item
   - ViewContent (Meta)
3. **③ 결제창** (`/products/{id}/payment`)
   - page_view
   - PageView (Meta)
   - begin_checkout
   - InitiateCheckout (Meta)
4. **④ 결제 완료** (`/products/{id}/payment-result`)
   - page_view
   - PageView (Meta)
   - purchase
   - Purchase (Meta)

## 3\. 이벤트별 상세 설명

### 3.1. `page_view` / `PageView` : “(구매자가) 이 페이지에 방문했습니다”

<table class="w-full min-w-[600px] border-collapse text-left text-body-2-normal"><tbody><tr class="border-b border-line-normal last:border-b-0 align-top"><th class="border-b border-r border-line-normal bg-background-alternative px-3 py-2 font-semibold! text-label-normal md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>구분</p></th><th class="border-b border-r border-line-normal bg-background-alternative px-3 py-2 font-semibold! text-label-normal md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>내용</p></th></tr><tr class="border-b border-line-normal last:border-b-0 align-top"><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>언제 추적되나요?</p></td><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>(구매자가) 내 마켓 페이지, 상품 상세, 결제창, 결제 완료 페이지에 들어올 때마다</p></td></tr><tr class="border-b border-line-normal last:border-b-0 align-top"><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>어디서 확인할 수 있나요?</p></td><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>아래 경로를 따라가면 확인할 수 있어요.<br><br><code class="rounded px-1.5 py-0.5 text-[0.92em] font-semibold bg-status-success/10 text-status-success">GA4</code> 사이트 → 보고서 → <strong>웹 또는 앱 트래픽 파악 → 페이지 및 화면</strong><br><code class="rounded px-1.5 py-0.5 text-[0.92em] font-semibold bg-status-success/10 text-status-success">Meta</code> 이벤트 관리자 → <strong>PageView</strong></p></td></tr><tr class="border-b border-line-normal last:border-b-0 align-top"><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>이 이벤트로 알 수 있는 것은 무엇인가요?</p></td><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><ul><li><p>어떤 페이지가 가장 많이 방문되는지,</p></li><li><p>어느 페이지에서 이탈하는지,</p></li><li><p>광고 랜딩 페이지 성과 등</p></li></ul></td></tr><tr class="border-b border-line-normal last:border-b-0 align-top"><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>이렇게 활용할 수 있어요</p></td><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><ul><li><p>광고 유입 수 확인,</p></li><li><p>마켓 페이지 일일 방문자 수 파악 등</p></li></ul></td></tr></tbody></table>

> 💡 같은 사용자가 새로고침을 하는 경우에도 방문 이벤트가 발생해요.

### 3.2. `view_item_list` : “ 내 마켓 페이지에서, 어떤 상품들이 노출됐는지”

| 구분 | 내용 |
| --- | --- |
| 언제 추적되나요? | 구매자가 내 마켓 페이지(`/{내마켓링크}`)에 들어왔을 때 1회 |
| 어떤 데이터가 담기나요? | 해당 페이지에서 실제로 노출된 상품 목록 (대표 상품 + 리스트, 중복 제거)<br>각 상품의 item\_id, item\_name, price, 노출 순서 등 포함 |
| 어디서 확인할 수 있나요? | 아래 경로를 따라가면 확인할 수 있어요.<br><br>`GA4` → 보고서 → **판매 촉진 → 전자상거래 구매 →** 측정기준을 **항목 목록 이름**으로 변경 |
| 이 이벤트로 알 수 있는 것은 무엇인가요? | 상품별 노출 수, 어떤 상품이 상위에 있을 때 더 잘 팔리는지, 리스트 기준 전환율 |
| Meta에서는 왜 확인할 수 없나요? | Meta는 리스트 노출 이벤트를 따로 사용하지 않기 때문에 별도로 확인할 수 없어요. |

> 예) 내 마켓에 상품이 10개 노출됐다면, `view_item_list` 한 건에 상품 10개 정보가 담겨 전송돼요.

### 3.3. `view_item` / `ViewContent` : “상품 상세 페이지를 조회했습니다”

<table class="w-full min-w-[600px] border-collapse text-left text-body-2-normal"><tbody><tr class="border-b border-line-normal last:border-b-0 align-top"><th class="border-b border-r border-line-normal bg-background-alternative px-3 py-2 font-semibold! text-label-normal md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>구분</p></th><th class="border-b border-r border-line-normal bg-background-alternative px-3 py-2 font-semibold! text-label-normal md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>내용</p></th></tr><tr class="border-b border-line-normal last:border-b-0 align-top"><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>언제 추적되나요?</p></td><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>(구매자가) 상품 상세 페이지에 들어왔을 때 1회</p></td></tr><tr class="border-b border-line-normal last:border-b-0 align-top"><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>어떤 데이터가 담기나요?</p></td><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>상품 ID, 상품명, 상품 유형, 최저가, 통화(KRW)</p></td></tr><tr class="border-b border-line-normal last:border-b-0 align-top"><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>어디서 확인할 수 있나요?</p></td><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>아래 경로를 따라가면 확인할 수 있어요.<br><br><code class="rounded px-1.5 py-0.5 text-[0.92em] font-semibold bg-status-success/10 text-status-success">GA4</code> → 보고서 → <strong>판매 촉진 → 전자상거래 구매 </strong>("항목 이름별 조회된 상품 수" 표)<br><code class="rounded px-1.5 py-0.5 text-[0.92em] font-semibold bg-status-success/10 text-status-success">Meta</code> 이벤트 관리자 → <strong>ViewContent</strong></p></td></tr><tr class="border-b border-line-normal last:border-b-0 align-top"><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>이 이벤트로 알 수 있는 것은 무엇인가요?</p></td><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><ul><li><p>언제 어떤 상품이 가장 많이 조회되는지</p></li><li><p>조회 대비 구매 전환율</p></li></ul></td></tr></tbody></table>

### 3.4. `begin_checkout` / `InitiateCheckout` : “구매를 시작했습니다”

<table class="w-full min-w-[600px] border-collapse text-left text-body-2-normal"><tbody><tr class="border-b border-line-normal last:border-b-0 align-top"><th class="border-b border-r border-line-normal bg-background-alternative px-3 py-2 font-semibold! text-label-normal md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>구분</p></th><th class="border-b border-r border-line-normal bg-background-alternative px-3 py-2 font-semibold! text-label-normal md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>내용</p></th></tr><tr class="border-b border-line-normal last:border-b-0 align-top"><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>언제 추적되나요?</p></td><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>(구매자가 상품 상세 페이지에서)<br>상품 옵션을 선택한 뒤 “구매하기” 버튼을 눌렀을 때 1회</p></td></tr><tr class="border-b border-line-normal last:border-b-0 align-top"><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>어떤 데이터가 담기나요?</p></td><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>상품 ID, 선택한 옵션들, 합계 금액(선택 옵션 × 수량), 통화</p></td></tr><tr class="border-b border-line-normal last:border-b-0 align-top"><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>어디서 확인할 수 있나요?</p></td><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>아래 경로를 따라가면 확인할 수 있어요.<br><br><code class="rounded px-1.5 py-0.5 text-[0.92em] font-semibold bg-status-success/10 text-status-success">GA4</code> → 보고서 → <strong>판매 촉진 → 결제 여정</strong><br><code class="rounded px-1.5 py-0.5 text-[0.92em] font-semibold bg-status-success/10 text-status-success">Meta</code> 이벤트 관리자 → <strong>InitiateCheckout</strong></p></td></tr><tr class="border-b border-line-normal last:border-b-0 align-top"><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>이 이벤트로 알 수 있는 것은 무엇인가요?</p></td><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><ul><li><p>결제창까지 도달한 비율</p></li><li><p>상품 상세 조회 후 결제 시작으로 이어지지 않은 이탈 구간</p></li></ul></td></tr></tbody></table>

> 💡 빠르게 구매하려고 버튼을 여러 번 눌러도 1번만 발행되도록 중복 방어가 되어 있어요.

### 3.5. `purchase` / `Purchase` : “결제를 완료했습니다”

<table class="w-full min-w-[600px] border-collapse text-left text-body-2-normal"><tbody><tr class="border-b border-line-normal last:border-b-0 align-top"><th class="border-b border-r border-line-normal bg-background-alternative px-3 py-2 font-semibold! text-label-normal md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>구분</p></th><th class="border-b border-r border-line-normal bg-background-alternative px-3 py-2 font-semibold! text-label-normal md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>내용</p></th></tr><tr class="border-b border-line-normal last:border-b-0 align-top"><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>언제 추적되나요?</p></td><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>결제가 성공적으로 완료됐을 때 1회 (유료·무료 결제 모두)</p></td></tr><tr class="border-b border-line-normal last:border-b-0 align-top"><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>어떤 데이터가 담기나요?</p></td><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p><strong>주문번호</strong>(GA4 <code>transaction_id</code>, Meta <code>eventID</code>로 동일하게 실림), <strong>실결제 금액(쿠폰 적용 후), </strong>상품 ID, 상품명, 상품 유형, 수량, 통화</p></td></tr><tr class="border-b border-line-normal last:border-b-0 align-top"><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>어디서 확인할 수 있나요?</p></td><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>아래 경로를 따라가면 확인할 수 있어요.<br><br><code class="rounded px-1.5 py-0.5 text-[0.92em] font-semibold bg-status-success/10 text-status-success">GA4</code> → 보고서 → <strong>판매 촉진 → 전자상거래 구매</strong><br><code class="rounded px-1.5 py-0.5 text-[0.92em] font-semibold bg-status-success/10 text-status-success">Meta</code> 이벤트 관리자 → <code>Purchase</code></p></td></tr><tr class="border-b border-line-normal last:border-b-0 align-top"><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><p>이 이벤트로 알 수 있는 것은 무엇인가요?</p></td><td class="break-words border-r border-line-normal px-3 py-2 text-label-neutral md:px-4 md:py-3 md:text-body-1-normal" colspan="1" rowspan="1"><ul><li><p>일일 매출, 주문 수,</p></li><li><p>평균 주문 금액(AOV), 상품별 매출 기여도,</p></li><li><p>광고 ROAS(투자 대비 수익률)</p></li></ul></td></tr></tbody></table>

## 4\. 구매 퍼널 요약표

내 GA4/Meta 계정에서 아래 흐름을 볼 수 있어요.

| 단계 | 이벤트 | 의미 |
| --- | --- | --- |
| 1\. 도달 | `page_view` | 페이지 방문 |
| 2\. 탐색 | `view_item_list` | 상품 목록 노출 |
| 3\. 관심 | `view_item` / `ViewContent` | 상품 상세 조회 |
| 4\. 의사결정 | `begin_checkout` / `InitiateCheckout` | 구매 시작 |
| 5\. 전환 | `purchase` / `Purchase` | 결제 완료 |

각 단계 사이 **이탈률(드롭오프)**을 보면 어디를 개선해야 하는지 바로 드러납니다.

## 5\. 광고 성과까지 잡으려면

메타 광고를 집행한다면 광고 클릭이 `Purchase`까지 연결되도록 두 가지 방식 중 하나를 선택하세요.

| 방식 | 언제 쓰나요? | 방법 |
| --- | --- | --- |
| **광고**<br>**직행** | 광고에서 바로 결제창으로 보내는 경우 | 메타 광고의 웹사이트 URL을 결제창 주소(또는 일반 추적 링크)로 지정 — 별도 설정 없이 즉시 동작 |
| **광고용 추적 링크** | 자체 사이트로 먼저 랜딩시키고 싶은 경우 | 대시보드 → 유입 분석에서 **광고용 추적 링크** 발급 → 메타 광고의 웹사이트 URL 교체<br>방문자는 내 사이트로 그대로 이동하고, 그로블이 광고 클릭부터 결제까지 이어서 추적해요. (자세한 내용은 **광고용 추적 링크 가이드** 참고) |

> 💡 GA4를 쓴다면 내 GA4 → 데이터 스트림 → 태그 설정에서 **도메인 구성에** `**groble.im**`, **원치 않는 리퍼러에** `**payple.kr**`을 추가해주세요. 자체 사이트 → 그로블 이동이 같은 세션으로 이어지고, 결제사 경유로 유입 출처가 끊기는 것을 막을 수 있어요.

## 6\. 실제로 내 GA4·Meta에서 확인하는 법

### GA4에서 확인하기

1.  **실시간 확인 (테스트용)**
    
    -   **Google Analytics → 보고서 → 실시간 개요**
        
    -   상품 페이지에 직접 들어가보면 이벤트가 즉시 표시됨 (보통 **수 초~몇 분 지연**)
        
2.  **누적 데이터**
    
    -   **보고서 → 수익 창출 → 이커머스 구매**
        
    -   상품 성과, 상품 목록 성과, 결제 퍼널 확인
        
3.  **DebugView** (더 정밀한 테스트, 개발자 협업 시)
    
    -   **관리 → DebugView**에서 실시간 파라미터까지 볼 수 있음 (설정 필요)
        

### Meta 이벤트 관리자에서 확인하기

1.  **Meta 비즈니스 관리자 → 이벤트 관리자**
    
2.  **내 Pixel 선택 →** **테스트 이벤트 탭**에서 실시간 검증
    
3.  **개요 탭**에서 최근 24시간/7일/28일 이벤트 추이 확인
    
4.  **진단 탭**에서 이벤트 품질 점수·경고 확인
    

## 7\. 이벤트가 안 보여요 — 체크리스트

| 원인 | 확인 방법 |
| --- | --- |
| 판매자 본인 접속 | **로그인 후 본인 상품 방문에는 이벤트가 발행되지 않아요.** 시크릿 창 또는 로그아웃 상태에서 다시 테스트해주세요. |
| ID 오입력 | 스토어 설정에 등록한 ID가 GA4/Meta의 실제 ID와 일치하는지 확인해 주세요.<br>(G-XXXX / 15~16자리 숫자) |
| Pro 플랜 만료 | 외부 도구 연동은 Pro 플랜 전용 기능이에요. 플랜 상태를 확인해주세요. |
| 광고 차단기 | 크롬 확장 프로그램(AdBlock 등)을 비활성화한 뒤 다시 테스트해주세요. |
| 브라우저 추적 방지 | Safari / Firefox의 강화된 추적 방지 기능으로 이벤트가 차단될 수 있어요. |
| 시간 지연 | `GA4`: 수 초 ~ 몇 분<br>`Meta`: 수 분 내 반영 누적 데이터는 최대 24~48시간 지연될 수 있어요. |

## 8\. 자주 묻는 질문(FAQ)

### Q1. 같은 구매자가 여러 번 들어오면 중복으로 잡히나요?

**A.** `page_view`는 방문할 때마다 1회씩 집계돼요. (정상 동작)  
반면 `view_item`은 동일 페이지 기준으로 중복 방어가 되어 있어 1회만 집계되고, `purchase`는 같은 주문번호 기준으로 1회만 집계돼요

### Q2. Meta 광고에 Purchase 전환을 바로 사용할 수 있나요?

**A.** 가능해요.  
Meta 이벤트 관리자에서 `Purchase` 이벤트 수집이 확인되면, 광고 캠페인의 전환 이벤트로 바로 설정할 수 있으며 ROAS 최적화에도 활용돼요.

### Q3. GA4에서 “상품 목록 성과”가 안 보여요.

**A.** `view_item_list`는 마켓 페이지 진입 시 발행돼요.  
다만 GA4 의 Enhanced Ecommerce 보고서는 반영까지 시간이 걸릴 수 있어, 24~48시간 이후 확인을 권장드려요.

### Q4. 결제 실패도 이벤트로 확인할 수 있나요?

**A.** 결제 시작(`begin_checkout`) 이벤트는 기록되지만, 결제 실패 자체는 별도 이벤트로 수집되지 않아요.  
`begin_checkout` 대비 `purchase` 수를 비교하면 실패 또는 이탈 규모를 추정할 수 있어요.

### Q5. 환불·취소도 집계되나요?

**A.** 현재는 `purchase` 이벤트까지만 집계돼요.  
환불 이벤트는 추후 지원 예정이며, 현재는 판매관리 페이지를 참고해주세요.

### Q6. 쿠폰을 쓰면 어떤 금액이 잡히나요?

**A.** `view_item`/`ViewContent`는 쿠폰 적용 전 상품 표시가, `begin_checkout`과 `purchase`는 **쿠폰 적용 후 실결제 금액**이 담겨요.  
광고 최적화(전환 가치)는 실결제 금액 기준으로 이뤄져요.