Redirect if coming from a external webpage

**iEdit** · 01-14-2013, 05:03 PM

I need my users that come from a specific external website to be redirected to a page in my site once they click a button.

Example:

User clicks link on a page in site A leading to site B
Once there, user clicks a link that will send only users that came from site A to the specific pages.
All other users that did not come from site A will be redirected to another page from the users that did.

THIS NEEDS TO BE IN STRICTLY JAVASCRIPT AND HTML ONLY.

**xelawho** · 01-14-2013, 05:22 PM

do you have control over the external website as well?

**iEdit** · 01-14-2013, 05:24 PM

yes

**cbVision** · 01-14-2013, 05:29 PM

Here's an example:

HTML

Code:

<body onload="onload()">
	<a href="defaultlink.html" id="theLink">Link</a>
</body>

JavaScript

Code:

<script type="text/javascript">
function onload() {
				if (document.referrer) {
					// gets full URL, ex: http://www.site.com/directory/1/2/index.html
				   url = document.referrer; 
				   // just gets the domain, ex: www.site.com
				   ref = url.match(/:\/\/(.[^/]+)/)[1];
				   
				   // alert for testing
				   alert(ref);
				   
				   // if the ref equals what you want, then change the link href below to the alternate link
				   if (ref == 'www.google.com') {
					 var link = document.getElementById('theLink')
					 link.href = 'alternatelink.html';
				   }
				}
			}
</script>

In this example, if they come from www.google.com, the link will be updated to the alternatelink.html. Otherwise, it goes to the default link.

**iEdit** · 01-14-2013, 05:31 PM

Is this cross-browser compatible?

Originally Posted by cbVision

Here's an example:

HTML

Code:

<body onload="onload()">
	<a href="defaultlink.html" id="theLink">Link</a>
</body>

JavaScript

Code:

<script type="text/javascript">
function onload() {
				if (document.referrer) {
					// gets full URL, ex: http://www.site.com/directory/1/2/index.html
				   url = document.referrer; 
				   // just gets the domain, ex: www.site.com
				   ref = url.match(/:\/\/(.[^/]+)/)[1];
				   
				   // alert for testing
				   alert(ref);
				   
				   // if the ref equals what you want, then change the link href below to the alternate link
				   if (ref == 'www.google.com') {
					 var link = document.getElementById('theLink')
					 link.href = 'alternatelink.html';
				   }
				}
			}
</script>

In this example, if they come from www.google.com, the link will be updated to the alternatelink.html. Otherwise, it goes to the default link.