Skip to main content
Aftersell은 장바구니 담기를 자체적으로 처리하기 때문에, Shopify의 기본 카트 요청을 감시하는 분석 도구가 이를 감지하지 못할 수 있어요. SDK 이벤트를 구독하면 추적이 복원되고, Ajax API를 스크래핑하는 것보다 깔끔한 페이로드를 얻을 수 있어요. 이것이 머천트가 SDK를 사용하는 가장 흔한 용도예요.

패턴

모든 통합은 동일한 세 줄이에요: 이벤트를 구독하고, 페이로드를 읽고, 도구로 전달해요.
Cart settings → Custom script → Initialization에 붙여넣으세요. 구독은 설정 호출이라 맨 위에 두어도 안전하므로, 카트가 로드될 때까지 기다릴 필요가 없어요.

Klaviyo

먼저 Klaviyo 온사이트 추적이 설치되어 있는지 확인하세요. 이 스크립트는 이벤트를 발생시키기만 하며, Klaviyo를 로드하지 않아요.

Triple Whale

Google Analytics 4

추적할 만한 다른 이벤트

checkout 핸들러에서는 navigator.sendBeacon을 사용하세요. 페이지가 곧 언로드되기 때문에 일반 fetch는 도중에 취소될 수 있어요. 또한 이 핸들러에서는 체크아웃을 취소할 수 없어요; 게이트가 아니라 알림이에요.

제대로 처리해야 할 것들

  • 가격은 센트 단위예요. 소수 금액을 기대하는 도구에는 100으로 나누세요. formatMoney는 표시용이므로, 포맷된 문자열을 분석 도구에 보내지 마세요.
  • 수량 증가는 item_added가 아니에요. 기존 라인에서 1에서 3으로 늘어나면 item_added가 아니라 cart_updated가 발생해요. 도구에서 이를 감지해야 한다면 cart_updated 핸들러에서 이전 상태와 비교(diff)하세요.
  • “추가됨”을 의미한다면 cart_updated에서 추적하지 마세요. 이 이벤트는 제거와 수량 수정을 포함한 모든 변경에 발생하므로, 과다 보고하게 돼요.
  • 이중 집계를 확인하세요. 도구가 이미 다른 방식으로 장바구니 담기를 캡처하고 있다면, 이 스크립트가 두 번 보고하게 돼요. 실서비스에 적용하기 전에 도구의 실시간 뷰에서 확인하세요.

테스트하기

추적 호출 옆에 console.log를 추가한 다음, 브라우저 콘솔을 열고 상품을 추가하세요:
로그가 표시되지 않으면 스크립트가 실행되지 않은 것이므로 Initialization 슬롯에 저장되었는지 확인하세요. 로그는 표시되는데 도구에 아무것도 나타나지 않는다면, 문제는 SDK가 아니라 도구의 페이로드 형식에 있어요.

다음 단계

  • Events: 모든 이벤트와 발생 시점.
  • Cart 객체: 전송할 수 있는 모든 필드.
  • 카트 분석: Aftersell이 기본으로 제공하는 리포팅.