JavaScript, 브라우저 및 창 닫기: 사용자 이탈 추적

사용자 이탈 추적은 사용자가 떠나기 전에 데이터를 캡처하고 작업을 수행하는 데 필수적입니다. 페이지. 탐색 이벤트를 모니터링하는 것은 상대적으로 간단하지만 사용자 상호 작용 없이 창 닫기나 URL 변경을 감지하는 것은 어렵습니다.

창 닫기 이벤트 캡처

Beacon API는 최신 버전으로 제공됩니다. 브라우저는 솔루션을 제공합니다. 비콘 요청은 사용자가 갑자기 페이지를 떠나는 경우에도 실행되도록 설계되어 중요한 작업이 계속 수행될 수 있도록 보장합니다.

비콘 API를 활용하려면 다음 코드 조각을 사용하세요.

var url = "https://example.com/foo";
var data = "bar";

navigator.sendBeacon(url, data);

이전 브라우저를 위한 대안

이전 브라우저를 지원해야 하는 경우 가시성 변경 이벤트는 대체 기능을 제공합니다. 이 이벤트에서 "수동"에서 "숨김"으로 전환하는 것은 사용자의 이탈이 임박했음을 의미합니다. 예는 다음과 같습니다.

document.addEventListener('visibilitychange', function() {
  if (document.visibilityState === "hidden") {
    // Perform desired actions (e.g., send beacon request)
  }
});

신뢰성 및 광고 차단기

가시성 변경은 최신 브라우저에서 사용자 이탈을 나타내는 신뢰할 수 있는 지표가 되었습니다. 그러나 광고 차단 프로그램은 특히 교차 출처 또는 알려진 추적 도메인에서 시작된 경우 비콘 요청을 방해할 수 있습니다.

교차 사이트 고려사항

비콘 요청은 다음을 준수하는 POST 요청입니다. CORS 제한 사항. 교차 사이트 요청을 할 때 브라우저에 의한 차단을 피하기 위해 필요한 요구 사항을 충족하는지 확인하세요.