프론트에서 레퍼러, Referrer 가져오기

레퍼러(Referrer)란?

레퍼러는 사용자가 현재 페이지에 도달하기 전에 방문했던 이전 웹 페이지의 URL을 담고 있는 HTTP 헤더입니다. 이 정보는 웹사이트 트래픽의 출처를 분석하거나, 보안을 강화하는 데 사용될 수 있습니다.

레퍼러 데이터 추적의 중요성

1. 트래픽 분석: 어떤 경로를 통해 사용자가 웹사이트에 도달했는지 알면, 마케팅 전략을 개선하고 웹사이트의 사용성을 높일 수 있습니다.
2. 보안 강화: 레퍼러 정보를 활용하여 알려지지 않은 출처로부터의 의심스러운 트래픽을 식별할 수 있습니다.
3. 커스텀 사용자 경험 제공: 특정 출처로부터 온 사용자들에게 맞춤형 콘텐츠를 제공할 수 있습니다.

JavaScript를 이용한 레퍼러 데이터 추적 방법

• document.referrer를 사용하여 현재 문서에 접근하기 전의 페이지 URL을 얻을 수 있습니다.
• 이 정보를 분석하여 사용자 행동을 이해하고, 개선 사항을 도출할 수 있습니다.

if (document.referrer) {
  console.log("이전 페이지 URL: ", document.referrer);
  // 레퍼러 정보를 활용한 추가 로직 구현
}

 

 

공식문서 참고