Popup полоска на сайте.

5671  |  0

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

Как используют popup большинство сайтов

Не будем рассматривать использование всплывающих окон на варезниках и сайтах созданных для продажи ссылок. С ними все понятно. Используют popup для навязчивой рекламы или приглашения посетить другой сайт.

Поговорим о интернет-магазинах и/или о сайтах фирм. Отмечу, что данным методом не брезгуют даже большие и уважаемые сайты. Хотя им наверное простительно, на такие сайты ходят пользователи которые готовы стерпеть, тем более что сайт и фирма которой он принадлежит известны.

Но когда мало известный сайт при заходе на главную страницу перекрывается примерно вот так:

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

Само собой, информация которая выводится в окне нужна, хотя бы для того, чтобы определить местоположение пользователя и выдать ему информацию о товарах и ценах именно для его региона. Но зачем так навязчиво. Достаточно было сделать например так:

И видно и не напрягает, позволяя оценить сайт.

Делаем popup полоску

Cделать такую закрывающуюся полоску не составит труда. Качаем архив popline.zip, забираем из него файлик slideto-1.0.js, файл style.css и папку images в которой лежит иконка закрывающего крестика, кидаем в папку с шаблоном сайта.

Далее подключаем к сайту jquery и файл со стилями:

<link href="путь _к_файлу/style.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="путь _к_файлу/slideto-1.0.js"></script>  

В тело сайта, в принципе любое место, вставляем:

 <div id="sliderBox"> 

<div class="container_small">
<center style="width:70%; margin:0px auto;">
<p>Создание сайтов на битрикс <a href="/contacts/">форма заказа и контактные данные</a> пишите.</p> 
<input type="button" id="closeWelcomeBox" value=""/>
</center>
</div>

</div>

Заменяем мой текст содержимого полоски на свой, или вставляем нужный компонент (например определение местоположения) и готово.

Расскажи друзьям-то:
Уважаемый читатель! В связи с участившимся спамом в комментариях, возможность писать доступна только для зарегистрированных пользователей
Зарегистрироваться Войти Напомнить пароль
Или войти через социальную сеть:

© 2011—2016 Частный вебмастер: ИП Базаров, ОГРНИП: 315784700173692. Работает на 1С-Битрикс.
Копирование материалов запрещено: "ГК РФ, часть 4, раздел VII: Права на результаты интеллектуальной деятельности".

Информация размещенная на сайте, не является публичной офертой. Политика конфеденциальности
x
Как к Вам обращаться? *
Ваша электронная почта: *
Доп. материалы (логотип, тех. задание):
 
Обзор
Текст сообщения: