# 메타 픽셀 & GA4 연동 가이드 (결제창ver)

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

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

---

결제창 상품도 **내 GA4·Meta 광고 계정에서 조회부터 결제까지 직접 확인할 수 있어요.**

그로블은 판매자가 등록한 GA4 Measurement ID와 Meta Pixel ID로 구매 여정 이벤트를 자동으로 전송해요.  
이 문서는 **결제창 상품에서 어떤 이벤트가 언제 찍히는지**, **금액은 어떤 기준으로 담기는지**를 정리한 가이드예요.

> 💡 판매 페이지 상품은 [**메타 픽셀 & GA4 연동가이드 (판매페이지ver)**](https://www.groble.im/help/guides/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를 올바르게 저장한 경우에 이벤트가 전송돼요.
    

> 💡 결제창을 붙일 페이지에도 메타 픽셀을 운영 중이라면 **같은 픽셀 ID를 등록**하는 것을 권장해요. 내 사이트 방문부터 결제까지의 여정을 하나의 픽셀로 이어서 확인할 수 있어요.

## 2\. 어떤 순간에 어떤 이벤트가 발행되나요?

결제창 상품은 상세 페이지 없이 결제창으로 바로 진입하므로,  
**결제창 진입 → 결제하기 클릭 → 결제 완료**의 3단계 안에서 구매 퍼널 이벤트가 모두 발행돼요.

1. **① 결제창 진입** (`/payment/{상품ID}`)
   - page_view
   - PageView (Meta)
   - view_item
   - ViewContent (Meta)
2. **② “결제하기” 클릭** (`같은 페이지`)
   - begin_checkout
   - InitiateCheckout (Meta)
3. **③ 결제 완료** (`/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>측정기준을<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></ul></td></tr></tbody></table>

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

### 3.2. `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회<br>결제창 상품은 상세 페이지가 없으므로, 결제창 진입이 곧 “상품 조회”예요.</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, 상품명, 상품 유형, <strong>상품 표시가(쿠폰 적용 전)</strong>, 통화(KRW)<br>무료 상품은 0원으로 담겨요.</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>Meta 리마케팅 — “결제창까지 봤지만 구매하지 않은 사람”에게 광고 재노출</p></li></ul></td></tr></tbody></table>

> 💡 같은 페이지 안에서는 여러 번 발행되지 않도록 중복 방어가 되어 있어요. 새로고침하면 새 방문으로 다시 발행돼요.

### 3.3. `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>(구매자가) 휴대폰 인증·약관 동의를 마치고 <strong>“결제하기” 버튼을 눌러 결제가 실제로 시작될 때</strong><br>인증이나 약관 동의가 안 된 상태의 클릭은 발행되지 않아요 — 진짜 결제 시도만 집계돼요.</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, <strong>실결제 예정 금액(쿠폰 적용 후)</strong>, 통화<br>쿠폰을 적용했다면 할인된 금액이 담겨요.</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><code>begin_checkout</code> 대비 <code>purchase</code> 차이 = 결제 단계 이탈 규모</p></li></ul></td></tr></tbody></table>

> 💡 결제창을 닫았다가 다시 “결제하기”를 누르면 이벤트가 다시 발행돼요. 이건 중복이 아니라 **“결제를 다시 시도했다”는 정상 신호**예요.

### 3.4. `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>일일 매출, 주문 수, 평균 주문 금액(AOV)</p></li><li><p>광고 ROAS(투자 대비 수익률) — Meta 전환 캠페인 최적화에 바로 사용 가능</p></li></ul></td></tr></tbody></table>

> 💡 **같은 주문번호는 한 번만** 집계돼요. 결제 완료 페이지를 새로고침하거나 나중에 다시 방문해도 `purchase`가 다시 발행되지 않아요.

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

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

| 단계 | 이벤트 | 담기는 금액 | 이탈하면 |
| --- | --- | --- | --- |
| 1\. 도달·관심 | `page_view` + `view_item` / `ViewContent` | 상품 표시가 (쿠폰 적용 전) | “광고·링크 유입이 약하다” |
| 2\. 의사결정 | `begin_checkout` / `InitiateCheckout` | 실결제 예정액 (쿠폰 적용 후) | “가격·인증 단계에서 망설임” |
| 3\. 전환 | `purchase` / `Purchase` | 실결제 금액 + 주문번호 | “결제 수단 단계에서 포기” |

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

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

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

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

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

### 직접 테스트할 때 꼭 지켜주세요

-   **판매자 본인 계정으로 접속하면 이벤트가 발행되지 않아요.** 로그아웃하거나 크롬 시크릿 창에서 테스트해주세요.
    
-   광고 차단 확장 프로그램은 잠시 꺼주세요.
    

### GA4에서 확인하기

1.  **실시간 확인 (테스트용)**
    
    -   **Google Analytics → 보고서 → 실시간**
        
    -   결제창에 직접 들어가보면 이벤트가 즉시 표시됨 (보통 **수 초~몇 분 지연**)
        
2.  **누적 데이터**
    
    -   **보고서 → 수익 창출 → 이커머스 구매**
        
    -   상품 성과, 구매 수익, 주문(`transaction_id`)별 내역 확인
        
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. 무료(0원) 상품도 전환으로 잡히나요?

**A.** 네, `purchase`/`Purchase`가 0원으로 발행돼요.  
Meta 전환 캠페인에서 가치 최적화를 사용한다면 0원 전환이 포함된다는 점을 감안해주세요.

### Q2. 결제를 다시 시도하면 중복으로 잡히나요?

**A.** `begin_checkout`은 결제 시도마다 발행돼요(정상 — 재시도라는 신호).  
반면 `purchase`는 **같은 주문번호로 한 번만** 집계되고, 결제 완료 페이지를 새로고침해도 다시 발행되지 않아요.

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

**A.** `page_view`는 방문할 때마다 1회씩 집계돼요. (정상 동작)  
`view_item`은 같은 페이지 안에서는 1회만, 새로 방문하면 다시 집계돼요.

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

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

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

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

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

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

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

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