Окно всплывающее при первом посещении сайта для uCoz

7818 просмотров Alan_Writer 26.08.2014

Демо ▶️

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

Итак, также в нижнюю часть сайта ставите этот скрипт:
Код
<div style="display:none;" id="name_uWdn">
Информация в окне!
</div>
<script type="text/javascript">  
function setCookie(name, value, days) {  
if (days) {  
var date = new Date();  
date.setTime(date.getTime() + (days*1000*60*60*24*356));
var expires = "; expires=" + date.toGMTString();}  
else var expires = "";  
document.cookie = name + "=" + value + expires + "; path=/";}  
function getCookie(name) {  
var nameEQ = name + "=";  
var ca = document.cookie.split(';');  
for (var i = 0; i < ca.length; i++) {  
var c = ca[i];  
while (c.charAt(0) == ' ') c = c.substring(1, c.length);  
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);}  
return null;}  
function eraseCookie(name) {setCookie(name, "", -1);}
function Cookie(name, days) {
if (!getCookie(name)) {
setCookie(name, true, days);  
new _uWnd('name','Заголовок в окне',502,272,{autosize:1,maxh:300,minh:100},$('#name_uWdn').html())}}
Cookie('uWnd75', 1)
</script>

С установкой это все, но самое главное впереди, теперь разберем настройку скрипта - что в нем и за что отвечает. Начну по порядку:

  • (days*1000*60*60*24*356) - это периодичность появления окна. В данном случае - год, то есть это окошко будет появляться раз в год, но вы можете указать любой другой период: один час, день, месяц и т.д. Чтоб понять как это сделать я разберу что это за числа: 1000 - миллисекунды, а знак * - умножение. То есть 1000 миллисекунд (что равно 1 секунде) мы умножаем на 60 - и получаем минуту, которую умножаем еще на 60 - и получаем час, который умножаем на 24 - и получаем сутки, которые умножаем на 356 - и получаем год. Исходя из этого, я думаю вы легко сможете составить нужную вам периодичность.
  • Заголовок в окне - ну это элементарно, это заголовок.
  • 502,272 - фиксированная ширина и высота окна.
  • maxh:300,minh:100 - максимальная ширина и минимальная высота окна.

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

    Собственно теперь точно все, думаю я как нельзя подробно все разжевал, можете все настраивать - как душе годно. Кстати, если у вас вид ajax-окон стандартный - то есть некрасивый, можете его поменять на более привлекательный, здесь в разделе есть несколько неплохих вариантов.

  • Теги: при первом посещении, окно, uWnd-окно, всплывающее, куки, ucoz
    4 Комментария
    avatar
    4
    Почему не работает данный скрипт на этом сайте yunioli.ru ?
    avatar
    2
    Спасибо! А подскажите плиз, что и куда нужно прописать, что бы окно открывалось через определенное время?
    avatar
    3
    Там можно настроить только периодичность появления окна, и в описании указано как. А настроить задержу появления нельзя.
    avatar
    1
    biggrin 5+