[Javascript] document.referrer :: 링크 이동 전 페이지URL 알아내기

상세부터 메인까지 전부 별도의 페이지로 세팅되어있었는데

상세에서 메인페이지로 넘어온 경우에만 이벤트를 발생해줘야하는 경우가 생겼다

그런데 그걸 어떻게 체크해........??

 

또는 유입을 체크해보고 싶은데 어디서 넘어왔는지 어떻게 확인할까?!

document.referrer

:링크를 통해 현재 페이지로 이동 시킨, 전 페이지의 URI 정보를 반환.

페이지로 바로 접근하였을 경우 이 값은 빈 문자열을 반환함.(링크를 통해서 온것이 아닌, 예를 들면, 북마크를 통해서 이동했을 경우). 문자열만을 반환하기 때문에,  참조 페이지(referring page)에 대한 DOM  액세스가 제공되지 않음. 

string = document.referrer;

 

console.log(document.referrer)

페이지가 로드되었을 때 콘솔을 찍어보면 어디서 넘어왔는지 체크해볼 수 있다

 

 

여기서 뭐 sub에서 넘어온 경우만 체크하고싶다면??

split으로 자른 문자열에 sub가 있는지만 체크하면 끝!!(IE지원을 위해 includes가 아닌 indexOf를 사용)

if(document.referrer.split('/')[4].indexOf('sub')>=0)

 

---

 

사실 쿠키를 이용하는 방법도 있고 지금 생각해보면 그게 더 깔끔했을지도 모른다..ㅎㅎ

그래도 referrer에 대한 것을 알게 되었으니 좋았다고 생각하자 ㅎㅎㅎㅎㅎㅎ

 

developer.mozilla.org/ko/docs/Web/API/Document/referrer

Document.referrer - Web API | MDN