카페24 메타 픽셀·전환 API 설정: 페이스북 채널 브라우저+서버
Imagefactory · 발행 2026-09-18
카페24 쇼핑몰의 메타 픽셀은 코드를 붙이지 않아요. 판매 채널의 페이스북 채널 앱으로 픽셀을 연결하고, 채널 설정의 픽셀/전환 API 이벤트 설정에서 연결 방법을 브라우저+서버로 저장하면 페이지 조회부터 구매까지 브라우저 이벤트 7종과 서버 이벤트 4종이 자동으로 나가요. 확인은 메타 이벤트 관리자의 이벤트 테스트 탭에서 해요.
브라우저 픽셀만 두면 광고 차단이나 앱 안의 웹뷰에서 빠지는 구매가 생기고, 네이버페이 주문은 서버 이벤트로만 잡혀요. 그래서 연결 방법은 브라우저+서버예요.
이미 설치돼 있는지 먼저 확인해요
쇼핑몰 첫 화면에서 페이지 소스 보기를 열고(Windows는 Ctrl+U, Mac은 Cmd+Option+U) 아래 검색어를 찾아요.
| 검색어 | 뜻 | 있으면 |
|---|---|---|
fbq('init' | 메타 픽셀 기본 코드 | 뒤에 붙은 숫자가 픽셀 ID예요. 두 번 나오면 픽셀이 겹친 거예요 |
connect.facebook.net | 픽셀 스크립트 로더 | 앱이 넣었는지 직접 넣었는지는 1)에서 가려요 |
크롬 확장 Meta 광고 데이터 어드바이저(예전 이름 Meta 픽셀 지원 도구)를 설치하고 쇼핑몰을 열면 아이콘 배지에 픽셀 이벤트 수가 떠요. 배지가 없으면 픽셀이 없는 거고, 픽셀 ID가 두 개 보이면 겹친 거예요. 설치와 확인 절차는 메타 도움말에 있어요.
1) 직접 넣은 픽셀 코드를 지워요
쇼핑몰 설정→기본 설정→쇼핑몰 정보→검색 엔진 최적화(SEO)→고급 설정→코드 직접 입력에fbq로 시작하는 스크립트가 있으면 지워요. PC와 모바일 탭 둘 다 봐요.디자인→디자인 편집의 스킨 파일에 넣은 픽셀 코드도 지워요.
카페24는 기존 픽셀을 제거한 뒤 채널 앱을 연결하라고 안내해요. 스크립트만 지워지고 메타 쪽 픽셀과 쌓인 데이터는 남아요.
2) 페이스북 채널 앱을 연결해요
- 카페24 관리자에서
판매 채널→페이스북→페이스북 채널로 들어가요. 메뉴가 없으면 카페24 스토어에서페이스북 채널앱을 설치해요. 무료이고 크롬 브라우저를 권장해요. 홈에서Log in with Facebook을 누르고 페이스북에 로그인한 뒤○○○님으로 계속을 눌러요.설정 시작하기를 누르고 범주에서페이스북 광고를 골라요. 페이스북 숍이나 인스타그램 쇼핑까지 쓰면 같이 골라요.- 비즈니스 관리자(비즈니스 포트폴리오)를 고르고
계속을 눌러요. 없으면새로 만들기로 만들어요. - 페이스북 페이지, 광고 계정, 픽셀을 차례로 고르고
계속을 눌러요. 픽셀 목록에는 그 광고 계정에 할당된 픽셀만 나와요. 없으면새로 만들기로 만들어요. - 설정 내역을 확인하고 앱 권한을 전부
예로 둔 뒤다음→완료를 눌러요.
절차는 카페24 페이스북 채널 안내 기준이에요.
3) 도메인을 인증해요
채널 설정→도메인 인증 설정에서 대표 도메인 옆인증을 눌러요. 메타태그 방식이라 자동으로 끝나요.- 실패하면
기본 기능 설정옆 톱니바퀴를 눌러 팝업 설정을 다시 완료해요.
절차는 카페24 도메인 인증 안내 기준이에요.
4) 픽셀/전환 API 이벤트 설정을 브라우저+서버로 저장해요
채널 설정화면에서픽셀/전환 API 이벤트 설정을 선택해요.연결 방법에서브라우저+서버를 고르고저장을 눌러요.- 같은 화면에서 결제 시작과 구매 이벤트의 개인정보 전송을 켜요. 이메일과 전화번호를 해시 처리해 보내서 이벤트 매칭 품질이 올라가요.
| 이벤트 | 브라우저 | 서버 |
|---|---|---|
| PageView | 나가요 | - |
| ViewContent | 나가요 | 나가요 |
| AddToCart | 나가요 | 나가요 |
| InitiateCheckout | 나가요 | 나가요 |
| Purchase | 나가요 | 나가요 |
| Search | 나가요 | - |
| CompleteRegistration | 나가요 | - |
이벤트 목록과 절차는 카페24 픽셀 안내와 픽셀/전환 API 이벤트 설정 안내에 있어요. 채널 설정에 연결하기와 설정 변경 버튼만 보이면 구버전이라 업데이트부터 해요.
5) 네이버페이 주문연동을 확인해요
판매 채널→네이버→네이버 페이 설정→신청 정보 관리에서주문연동이사용함인지 봐요.- 사용함이면 네이버페이 주문이 브라우저에서는 구매 버튼 클릭 시 InitiateCheckout으로, 서버에서는 InitiateCheckout과 결제 완료 시 Purchase로 들어와요.
6) 이벤트 관리자에서 확인해요
- 메타 이벤트 관리자에서 왼쪽
데이터 소스를 누르고 연결한 픽셀을 골라요. 픽셀 ID는설정탭에서 볼 수 있어요. 이벤트 테스트탭의 웹사이트 이벤트 칸에 쇼핑몰 주소를 넣고웹사이트 열기를 눌러요. 열린 탭에서 상품 상세 → 장바구니 → 주문서 → 무통장입금 주문 완료까지 진행해요.- 탭에 PageView, ViewContent, AddToCart, InitiateCheckout, Purchase가 차례로 뜨는지 봐요. 끝나면
활동 지우기를 눌러요. - 20~30분 뒤
개요탭 아래 표에서 연결 방법이브라우저·서버로 표시되는지 봐요. 서버 이벤트가 들어오고 있다는 뜻이에요. - 표에서 Purchase를 누르고
상세 정보 보기→이벤트 중복 제거탭에서 중복 제거 키가 보이는지 봐요.
절차는 메타 이벤트 테스트 도구 안내, 중복 제거 안내, 서버 이벤트 상세 정보 기준이에요.
확인 표
| 확인할 것 | 화면 | 기준 |
|---|---|---|
| 픽셀 중복 | 쇼핑몰 페이지 소스 보기, 광고 데이터 어드바이저 배지 | fbq('init'이 한 번이고 픽셀 ID가 하나예요 |
| 연결 방법 | 카페24 채널 설정 → 픽셀/전환 API 이벤트 설정 | 브라우저+서버로 저장돼 있어요 |
| 도메인 | 카페24 채널 설정 → 도메인 인증 설정 | 대표 도메인이 인증됨이에요 |
| 이벤트 | 이벤트 관리자 → 이벤트 테스트 | 무통장 주문 뒤 Purchase가 떠요 |
| 서버 수신 | 이벤트 관리자 → 개요 아래 표 | 연결 방법이 브라우저·서버예요 |
| 중복 제거 | Purchase → 상세 정보 보기 → 이벤트 중복 제거 | 중복 제거 키가 보여요 |
자주 막히는 여섯 가지
픽셀 목록에 내 픽셀이 안 나와요. 광고 계정에 할당된 픽셀만 보여요. 메타 비즈니스 설정에서 그 광고 계정에 픽셀(데이터 세트)을 자산으로 할당한 뒤 다시 연결해요.
서버 이벤트가 브라우저로 되돌아갔어요. 페이스북 비밀번호나 권한을 바꾸면 토큰이 만료돼요. 카페24 채널 설정에서 연동을 해제하고 다시 연결해요. 카페24 FAQ 기준이에요.
픽셀 ID가 두 개 떠요. 코드 직접 입력이나 디자인 스킨에 남은 태그예요. 1)로 돌아가 지워요.
네이버페이 구매가 없어요. 네이버 페이 설정의 주문연동이 사용함이 아니에요. 5)를 확인해요.
진단 탭에 "동일한 이벤트 ID가 수신됨"이 떠요. 오류가 아니에요. 브라우저와 서버가 같은 event_id로 보내서 중복이 제거되고 있다는 뜻이에요. 해결됨으로 표시를 눌러요.
채널 설정에 연결하기 버튼만 있어요. 구버전 FBE예요. 업데이트 안내대로 진행하면 픽셀/전환 API 이벤트 설정 항목이 생겨요.
대행사가 대신 하려면 카페24 부운영자 계정과 메타 비즈니스 파트너 권한이 필요해요. 픽셀과 전환 API가 왜 둘 다 필요한지는 메타 픽셀·CAPI 전환 추적에, 네 매체를 한 번에 확인하는 방법은 테스트 주문 1건으로 전환 추적 확인하기에 정리했어요.