How to get referrer domain name / domain using JavaScript?

Question

I know that I can get the host name of the current page by simply doing:

var myhostname = location.hostname; 

But how to get the host name for the referrer? I can get a referrer

 var referrer = document.referrer; 

but unfortunately there is no document.referrer.hostname available in JavaScript. How can I get this value?

An example of where this is useful is if someone clicks a link to google.com. I want to be able to retrieve google.com from the referrer (not the pages and query strings).

Answer 1

We disassemble it. document.referrer.split( '/' ); will bring you closer. Or take a look at this

http://blog.stevenlevithan.com/archives/parseuri

If the referrer comes from the browser, it will be normal - but just in case, you need a stronger analysis.

Answer 2

This would do:

 document.referrer.split('/')[2]; 

Example.

Answer 3

 function parseURL(url) { var a=document.createElement('a'); a.href=url; return a.hostname; } 

This is a relatively old question, however it can help any followers.

Answer 4

You can use var referrer = new URL(document.referrer).hostname .

See https://developer.mozilla.org/en-US/docs/Web/API/URL.URL .

Answer 5

You can use regexp to extract this data.

string.match(/^http([s]?)://([a-zA-Z0-9-_\.]+)(:[0-9]+)?/);

Answer 6

It includes a protocol, but document.origin will work. It works through the Origin header, which does not contain path information included in it.

Answer 7

Hi, use this function to get the domain name.

 function getDomain(url) { if (url) { var match = /(?:https?:\/\/)?(?:\w+:\/)?[^:?#\/\s]*?([^.\s]+\.(?:[az]{2,}|co\.uk|org\.uk|ac\.uk|org\.au|com\.au))(?:[:?#\/]|$)/gi .exec(url); return match ? match[1] : null; } else return null; }