Как определить, человек заходит на страницу по адресной строке или переходит на нее с сайта?

Question

[DeniSidorenko]

Добрый день. Есть мультистраничник. При заходе через адресную строку включается прелоадер. Но сайт имеет несколько страниц и при клике на логотип с другой странице, человека перенаправляет на главной где снова включается прелоадер. Но суть в том что если пользователь заходит на главную через клик по логотипу от других страница, не надо что бы включался прелоадер. Вообщем как в js сделать такое условие, что бы определить , человек перешел с с внутренней страницы либо зашел как в первый раз через адресную строку

Comments

[Михаил Шведков]

А зачем это в JS делать? Не будет ли вернее на сервере (предположу, что PHP) посмотреть адрес реферрера и на его основе вообще смотреть, надо ли генерить блок кода. Так, при желании, можно вообще единовременный показ организовать.
Если же строго на клиенте надо - то все равно удобнее будет сделать через LocalStorage/cookies с временем жизни в один сеанс
Механика:
1. При загрузке страницы проверяем, есть ли кука или запись в ls.
2. Если записи нет - показываем прелоадер.
3. Когда прелоадер посмотрели, делаем запись
4. Если запись есть, просто ничего не показываем. (значит, прелоадер уже смотрели)

[DeniSidorenko]

Михаил Шведков, Я думал про вариант с Куки. Но разве не проще как выше описали?

[Михаил Шведков]

Проще, но не всегда работает. Тут больше от конкретной задачи зависит, что нужно сделать. Одно дело, если это приветственный баннер, совсем другое - если речь про стандартную всплывашку при загрузке.
Сервер может и не передать инфу о том, с какого сайта к вам пришли.
Поэтому идеальный вариант зависит от задачи, а оптимальный состоит из комбинации фронтовой и бэк проверки.

Answer 1

[Владимир Проскурин]

В https://developer.mozilla.org/ru/docs/Web/API/Docu... содержится url предыдущей страницы, с которой был произведен переход. Сделайте проверку, что если в ней есть значение текущего сайта, то это переход. Пример

if (document.referrer.startsWith(document.location.origin)) {
     console.warn('Снова привет!');
} else {
     console.warn('Обычный переход');
}

Comments

[DeniSidorenko]

Спасибо большое

Answer 2

[Валерий]

Можно навесить на ссылку (на страницах сайта) параметр например mysite.ru?preloader=no.
Отследить на JS и отключать его.
Вот так можно параметры достать из url
https://stackoverflow.com/questions/979975/how-to-...