Форум сайта pluSoft.ru » SEO форум » Оптимизация сайта


Ответить
 Скрипт скрытия рекламных блоков
INDIGO
26/06/11 - 04:23
Сообщение #1


Активный участник
  • 51

Репутация: 26
Группа: Директор
Сообщений: 887
Регистрация: 31.07.2010
ICQ:553555543
online
]]>]]> WMID:
BL: ]]>bl]]> ]]>]]>

Этот несложный скрипт позволяет делать скрытие назойливой рекламы для постоянных посетителей сайта. Он запоминает последний выбор посетителя сайта, и если тот пожелал скрыть рекламу – он её больше не увидит пока не нажмет на кнопку “показать рекламу”.
Для начала скачайте javascript и картинки (ссылка внизу данной статьи), которые будут выполнять роль кнопок (Вы также можете нарисовать свои картинки). Поместите папки /js/ и /images/ в корень вашего сайта.
Внутри шапки {head} нужно вставить код вызова Ява-скрипта:
<!-- скрипт скрытия рекламы -->
<script src="./js/jquery-1.3.2.min.js"></script>
<script src="./js/cookie.js" type="text/javascript"></script>
<script src="./js/jquery.blockhide.js" type="text/javascript"></script>
<!-- //скрипт скрытия рекламы -->


Потом сразу после тега {body} вставляем следующий код:
<!-- скрипт скрытия рекламы -->
<script language="javascript">
    $(document).ready(function () {
        $("#right, #left, #top, #bottom").blockhide({// right, top, bottom и left - это идешники блоков которые будем скрывать и показывать
            imageIdPostfix: 'Image', // полный идешник будет rightImage, topImage, bottomImage и leftImage для правого, верхнего, нижнего и левого блоков соответсвенно
            blockCookieNamePostfix:'BlockState', // постфикс для кук - задается на всякий случай чтобы не затереть чужую
            imageUrl: 'images/', // путь до картинок
            imageShowPostfix: '_show.gif', // "показать рекламу" полный путь будет images/right_show.gif, images/top_show.gif, images/bottom_show.gif и images/left_show.gif
            imageShowHoverPostfix: '_show_over.gif', // "показать рекламу при наведении" полный путь будет images/right_show_over.gif, images/top_show_over.gif, images/bottom_show_over.gif и images/left_show_over.gif
            imageHidePostfix: '.gif', // "скрыть рекламу" images/right.gif, images/top.gif, images/bottom.gif и images/left.gif
            imageHideHoverPostfix: '_over.gif'  // "скрыть рекламу при наведении" images/right_over.gif, images/top_over.gif, images/bottom_over.gif и images/left_over.gif
        });
    });
</script>
<!-- //скрипт скрытия рекламы -->


Теперь вывод рекламного блока нужно поместить в div с нужным id:
<div id="top"> код рекламы </div> <!-- для скрытия блока вверх -->
<div id="right"> код рекламы </div> <!-- для скрытия блока вправо -->
<div id="bottom"> код рекламы </div> <!-- для скрытия блока вниз -->
<div id="left"> код рекламы </div> <!-- для скрытия блока влево -->


И разместить в нужном месте соответствующую кнопочку для скрытия рекламы:
<img id='topImage' src="./images/top.gif">
<img id='rightImage' src="./images/right.gif">
<img id='bottomImage' src="./images/bottom.gif">
<img id='leftImage' src="./images/left.gif">


Вот такой нехитрый скриптик позволит вам не надоедать своей рекламой постоянным посетителям, да и вам тоже
Кстати этот скрипт можно использовать не только для скрытия/раскрытия рекламы, но и для скрытия/раскрытия менюшек, формы обратной связи и других элементов дизайна и функционала вашего сайта.
hide-reklama.zip (13 | 47.51 Kb)

--------------------
И всё-таки жизнь прекрасна
Перейти в начало страницы
Публикаций: 395 [ Просмотреть все публикации ] Комментариев: 86 [Последние комментарии]
Быстрый ответ Ответить
1чел. читают эту тему (гостей: 1)
Пользователей: 0

  Сейчас: 18/05/12 - 19:42


Радио онлайн:
]]>]]> ]]>]]>