JavaScript Postback 코드 통합이란 무엇인가요?
JavaScript Postback 코드는 웹페이지나 랜딩 페이지에 삽입되는 작은 브라우저 실행 스크립트입니다. 특정 이벤트를 트리거하고 트래킹 데이터를 광고 네트워크, 트래커 또는 분석 플랫폼으로 전송하는 것이 목적입니다. 이를 통해 사용자 행동과 활동을 추적하고, 브라우저 기반 데이터를 수집할 수 있습니다.
이러한 클라이언트 사이드 트래킹 방식은 가장 오래되고 간단한 통합 방법 중 하나로, Google Ads와 Meta부터 제휴 네트워크, HilltopAds와 같은 AdTech 플랫폼까지 디지털 광고 전반에서 널리 사용되고 있습니다.
어떻게 작동하나요?
JavaScript Postback 트래킹은 사용자의 브라우저에서 작은 스크립트를 실행하여 광고 또는 분석 플랫폼으로 정보를 전송하는 방식으로 작동합니다. 아래는 해당 과정을 단계별로 정리한 내용입니다.
JavaScript 스니펫이 웹페이지에 추가됩니다
일반적으로<body>태그의 끝부분에 삽입됩니다.사용자가 페이지를 로드하면 브라우저가 스크립트를 실행합니다.
픽셀이 필요한 정보(예: query 파라미터인 clickId, 쿠키, 사용자 에이전트, IP 주소, 리퍼러 등)를 추출합니다.
스크립트가 관련 이벤트 파라미터를 포함한 요청 URL을 생성합니다.
브라우저가 해당 요청을 광고 플랫폼의 서버로 전송합니다.
광고 네트워크가 이벤트를 기록하고 올바른 클릭 또는 세션에 귀속시킵니다.
예시: HilltopAds JavaScript Postback 코드
아래 스니펫은 URL을 통해 전달된 clickId를 사용해 전환 이벤트를 전송합니다.
<script>
const urlParams = new URLSearchParams(window.location.search),
clickId = urlParams.get('clickId');
const postbackUrl = "https://trackhta.com/close/?token="
+ clickId + "&price=price¤cy=currency&label=label&advertiserId=";
console.log(postbackUrl);
fetch(postbackUrl)
.then(function(response) {
console.log('Postback successful:', response);
})
.catch(function(error) {
console.error('Error during postback:', error);
});
</script>
이 스니펫은 일반적으로 “주문해 주셔서 감사합니다!”와 같은 감사 페이지 또는 전환 확인 페이지에 배치되어, 사용자의 액션이 완료된 이후에만 이벤트가 실행되도록 합니다.
JavaScript Postback 코드의 제한 사항 (매우 중요!)
편리한 방식이지만, JS 픽셀 트래킹에는 다음과 같은 제한 사항이 존재합니다.
제한 사항 | 중요한 이유 |
광고 차단기에 의해 차단될 수 있음 | 전체 사용자의 약 30~40%가 픽셀 실행을 차단 |
브라우저 개인정보 보호 정책(ITP)의 영향 | Safari 및 iOS는 쿠키와 클라이언트 사이드 트래킹을 강하게 제한 |
JavaScript 실행에 의존 | 스크립트 오류, 느린 연결, 리소스 차단 시 트래킹 실패 가능 |
S2S 대비 낮은 정확도 | 모든 상황에서 이벤트 실행이 보장되지 않음 |
사용자가 페이지를 너무 빨리 닫을 수 있음 | 페이지가 완전히 로드되지 않으면 픽셀이 실행되지 않음 |
이러한 신뢰성 문제로 인해 iGaming, 금융, 베팅, 크립토와 같이 높은 정확도가 요구되는 업종에서는 S2S Postback 통합을 주요 트래킹 방식으로 사용하고, JavaScript 픽셀은 백업 수단 또는 추가 이벤트 트래킹 용도로만 활용하는 것이 일반적입니다.
코드는 어디에 삽입해야 하나요?
가장 일반적이며 권장되는 설치 방법은 전환 확인 페이지에 스크립트를 삽입하는 것입니다.
아래와 같이 페이지 하단, 닫는 태그 바로 앞에 스니펫을 추가하세요.
</body>
</html>
결론
JavaScript Postback은 전환을 기록하기 위한 간단하고 빠르며 호환성이 높은 방법입니다. 그러나 가능하다면 전용 트래킹 플랫폼 사용을 강력히 권장합니다. 전문 트래커를 사용하면 정확한 어트리뷰션을 보장하고, 데이터 손실을 방지하며, 클라이언트 사이드 스크립트만으로는 제공할 수 없는 고급 분석 및 최적화 기능을 활용할 수 있습니다. 최적의 옵션을 찾기 위해 Postback 가이드를 확인해 보세요.