如何在单击链接后保存href值

Question

More specifically a client has asked that when their link on another site has been clicked, and the user is brought back to the clients site. Can the href value of the users clicked link be saved and used again in another function.

For ex. I clicked the clients logo on another site and it brought to the clients site. Now the content on the clients site is filtered based on where i came from.

I found the following which saves the href of a clicked link on current site.

    $(document).ready(function(){
  $('a').click(function() {
    if ($(this).attr('href')) someFunction.href = $(this).attr('href');
  });
});

function someFunction(a) {
  window.setTimeout("console.log(someFunction.href);",200);

But im not sure how to store that data and use it again.

Answer 1

If you have access to the "other" site, I'd recommend just attaching a query parameter to the link, such as: <a href="www.targetsite.com/?referrer=parentsite.com">Client site</a>. That's a very easy and dependable way to go at it.

Another way would be server-side, using $_SERVER\['HTTP_REFERER'\]

If you want to access it client-side, you can use document.referrer.

Note that the last two (especially the client-side) are not as dependable, though you should generally be fine. Also note that document.referrer will be empty if the parent site is HTTPS and the target site is HTTP.

Example

jQuery(document).ready(function($){
  if(document.referrer === 'http://www.affiliatesite.com/product/myproduct')
      filterMyContent('affiliate')
});