How to track a user coming from a certain URL to trigger a function using JavaScript

Question

I am wanting to trigger a function that will display all events but only when the user comes from a URL with /events/ in it.

Right now I am using referrer to take the user back to the page and to scroll to the last event they clicked on. But if the event they clicked on has to be loaded by clicking 'view more' it will just scroll to the bottom of the page. I need all the events to collapse when the user hits the return button.

Any help is much appreciated!

Alternative: could you check if the event is visible, and if not then auto-click on 'view more' ? — freedomn-m, Feb 28 '17 at 10:51
@MehulMohan basically all the events have to display when the user comes back from a URL with /events/ in it — jamiewebdev93, Feb 28 '17 at 10:56
cant you use the window.location.href? see http://stackoverflow.com/questions/1034621/get-current-url-in-web-browser — mvermand, Feb 28 '17 at 10:58

score 0 · Answer 1 · answered Feb 28 '17 at 11:00

You can achieve what you're trying to do with localStorage:

if(!!localStorage.getItem("isEventsInPath")) {
 // user came from /events
}


var isEventsInPath = document.location.pathname.includes("/events/");
localStorage.setItem("isEventsInPath", isEventsInPath);
// keep the order intact!

score 0 · Answer 2 · answered Mar 02 '17 at 17:43

You can use the following to parse the URL and call your function:

$(document).ready(function(){
    if(document.location.pathname.includes("/events"))
    {
      //CALL YOUR FUNCTION
    }
});

This parses the path name and checks if /events exists in it.

How to track a user coming from a certain URL to trigger a function using JavaScript

2 Answers2