브라우저를 닫은 경우에도 웹 페이지에서 사용자 이탈을 안정적으로 추적하려면 어떻게 해야 합니까?

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

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

창 닫기 이벤트 캡처

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

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

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

navigator.sendBeacon(url, data);

이전 브라우저를 위한 대안

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

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

신뢰성 및 광고 차단기

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

교차 사이트 고려 사항

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

위 내용은 브라우저를 닫은 경우에도 웹 페이지에서 사용자 이탈을 안정적으로 추적하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!