referrer

Referrer(리퍼러)란?

Referrer는 웹 브라우저가 서버에 요청을 보낼 때, 현재 요청이 어디에서 유입되었는지를 나타내는 정보를 담고 있는 HTTP 헤더 필드입니다. 쉽게 말해, 사용자가 이전에 방문했던 URL을 가리킵니다.

Referrer의 역할

1. 유입 경로 추적

   • 사용자가 특정 페이지로 들어오게 된 경로를 확인할 수 있습니다.
     예: 사용자가 example.com에서 링크를 클릭해 yourwebsite.com으로 이동하면, yourwebsite.com의 서버는 Referrer를 통해 이전 페이지가 example.com임을 알 수 있습니다.

2. 분석 및 마케팅

   • 트래픽의 출처를 분석하여 광고, SEO, 캠페인 성과를 측정하는 데 활용됩니다.

3. 보안 및 유효성 검사

   • 요청이 특정 신뢰할 수 있는 출처에서 발생했는지 확인할 때 사용되기도 합니다.

iframe과 Referrer

iframe을 사용하면, 사용자가 iframe 내부에서 수행하는 활동이 마치 iframe이 로드된 주소(API 서버 등)에서 시작된 것처럼 보일 수 있습니다. 따라서:

• iframe 내부에서 클릭 후 이동하는 경우, Referrer 값은 iframe의 URL이 됩니다.
  • 예: iframe이 https://api.dable.io/widget에서 로드되었다면, 클릭 후 이동한 페이지에서는 Referrer 값이 https://api.dable.io/widget으로 설정됩니다.

해결 방법

iframe을 사용할 때 원래 출처를 유지하고 싶다면:
1. Referrer-Policy 설정
Referrer-Policy 헤더를 통해 Referrer의 동작을 제어할 수 있습니다.
예:

Referrer-Policy: origin

• 이렇게 설정하면 전체 URL 대신 도메인(origin)만 전달됩니다.

2. UTM 파라미터 사용
   • 클릭 이벤트에 유입 출처를 명확히 하기 위해 URL에 추가적인 파라미터를 포함시킬 수 있습니다.
     예: https://example.com?utm_source=iframe

요약

• Referrer는 요청이 어디에서 왔는지 알려주는 정보입니다.
• iframe 안에서 활동한 경우, Referrer는 iframe의 주소가 됩니다.
• Referrer 값을 조정하려면 Referrer-Policy나 URL 파라미터를 활용할 수 있습니다.