ZorNet.Ru — сайт для вебмастера » HTML и CSS » Таблица с информацией посещение страницы сайта

Таблица с информацией посещение страницы сайта

Таблица с информацией посещение страницы сайта
Интересное решение для пользователя, который заходил или впервые зашел на сайт, также страницу. Где будет появляться информация, был он здесь или нет. Если он заходит на страницу в первые, за основу возьмем главную, то здесь с начало появляется звук, что сразу за ним следует окно в темно синем оттенке цвета. Где будет простое приветствие, что в можно его редактировать и добавить свое оригинальное описание. Также веб мастер может сам подобрать палитру под свой дизайн, это все делается элементарно в CSS, что идет в основе.

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

С материалом идут основные особенности:

1. Это под каждую страницу своя оригинальная информация, что качается только ее.
2. Безусловно, это сколько раз вы ее могли посещать, все выводится в цифрах и знаках.
3. И когда вы ее последний или крайний раз посещали, что очень удобно для все[ пользователей или гостей сайта.

Здесь видим, что вы впервые зашли на страницу:



Это уже показывает, что уже на этой страницы ранее бывали:



Установка:

1. Для начало добавляем Js на странице где хотим наблюдать панель информации:

Код
<script>
module = location.pathname;
$('body').append('<div class="zornet_ru_lidsam"></div>');
push = { call:function(pushInfo,file){  
$('.zornet_ru_lidsam').html(pushInfo).fadeIn(500).delay(14000).fadeOut(500);  
mp3=new Audio(file);mp3.src=file;mp3.play(); }};
dates = new Date();  
sDt = dates.getDate();  
sDm = dates.getMonth() +1; if(sDm < 10) {sDm = '0'+sDm}  
sDy = dates.getFullYear();  
sTh = dates.getHours();  
sTm = dates.getMinutes();  
  activeAll = localStorage[module];
acSound = 'http://zornet.ru/ABVUN/cl3-7.m4a';
if(localStorage[module] == undefined) {  
activeAll = '0|'+sDt+'.'+sDm+'.'+sDy+' в '+sTh+':'+sTm+'';
push.call('Добро пожаловать на ZORNET.RU',acSound);
} else {  
activeAll = activeAll.split('|');
activeAll[0] = Number(activeAll[0])+Number(1);
activeAll = ''+activeAll[0]+'|'+activeAll[1]+'';
localStorage.setItem(module, ''+activeAll+'');
activeAll = activeAll.split('|');
push.call('Был уже: '+activeAll[0]+' раз.<hr>Последний раз '+activeAll[1]+'',acSound);
}  
activeAll = ''+activeAll[0]+'|'+sDt+'.'+sDm+'.'+sDy+' в '+sTh+':'+sTm+'';
localStorage.setItem(module, ''+activeAll+'');
</script>

2. Добавим стиль CSS:

Код
.zornet_ru_lidsam {  
  display:none;  
  position: fixed;  
  bottom: 100px;  
  background: #4784f7;  
  color: #f8f8fd;  
  padding: 9px;  
  border-radius: 4px;  
  font-family: sans-serif;font-size:14px;  
  z-index: 9999;  
  text-align: center;  
  left: 27%;  
  right: 27%;  
  }

Демонстрация

Источник: www.mybeststudio.ru
16 Апреля 2018 Просмотров: 1169 Комментариев: (3)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 3
VIP9514
VIP9514 18 Апреля 2018 18:441
0
При каждом обновлении страницы счетчик меняет число.
Я зашел 1 раз, затем 3 раза обновил страницу и получилось, что 3 раза я уже был на странице. Но по-сути, я был всего 1 раз на странице. Соответственно, если переходишь по страницам сайта, то счетчик накручивает число. Бесполезное решение. Это сугубо-личное мнение.
VIP9514
VIP9514 18 Апреля 2018 18:452
0
... и еще, если честно, тошнит просто от вашего кода "zornet_ru" и в стилях и в скриптах.

"zornet_ru_lidsam" - прям как будто вы автор
Kosten
Kosten 18 Апреля 2018 18:543
0
Первое, это сделано для поисковой системы, хоть как то код со стилями изменен был.

Во вторых, если у вас рвотные эффекты, то больше не будет.)
avatar