Как установить всплывающее окно остаться или уйти со страниц блога



Всплывающее окно "Вы действительно хотите уйти со страницы ?"


Здравствуйте дорогие блоггеры. Просматривала вчера свои черновики с кодами, и сегодня в этом посте хочу предложить для своих читателей и гостей всплывающий скрипт с вопросом к посетителю: остаться на странице или покинуть её ?.

Скрипт работает с помощью библиотеки jquery и подходит для всех блогов на платформе blogspot. На других платформах необходимо устанавливать дополнительные плагины. Окно всплывает, когда посетитель захочет покинуть блог/сайт. То есть при переходе посетителя с одной страницы на другую, окно всплывать не будет.

Будем надеяться, что установка такого скрипта поможет нам в снижении показателя отказов. Пример можно посмотреть в демо блоге, когда решите покинуть его. Теперь давайте займемся установкой скрипта. Код надо вставить перед закрывающим тэгом </head>, смотрите скриншот

Скрипт всплывающего окна, как и куда вставить в шаблон блога блогспот

В черновике blogger переходите по вкладке шаблон-изменить шаблон. Кто смотрит на код шаблона, как я год назад, делайте на всякий случай резервную копию шаблона. Далее находите закрывающий тэг </head> и вставляете код ниже, нажимаете просмотр и если нигде ничего не вылезло-сохраняете.

Скопируйте код

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
     function PopIt() { return &quot;Возвращайтесь  Вы найдете много интересной информации для Вашего блога&quot;; }
     function UnPopIt()  { /* nothing to return */ }

     $(document).ready(function() {
      window.onbeforeunload = PopIt;
 $(&quot;a&quot;).click(function(){ window.onbeforeunload = UnPopIt; });
     });
</script>


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

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

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


Автор статьи ✎ Olga Protasova Выпуск ✹ 5/09/2014 Ярлыки ►


Открыть комментарии →

6 коммент. :

  1. На wordpress почему то не работает:(((

    ОтветитьУдалить
    Ответы
    1. Здравствуйте, не могу ничем Вам помочь. На wordpress без установки дополнительных плагинов вообще ничего не работает. Этот скрипт работает с помощью бибилиотеки jquery, но это для blogspot.

      Удалить
  2. Анонимный26/6/15 11:37

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

    ОтветитьУдалить
    Ответы
    1. Анонимный. Здравствуйте. Я согласна с Вами, тоже ухожу. Но мнения о всплывающих окнах самые разные. Многие вебмастера считают, что посетитель не уходит сразу с сайта, и эффект от таких окон каждый воспринимает по своему.

      Удалить
  3. Анонимный18/2/16 20:08

    Подскажите, пожалуйста, этот pop-up только выходит при уходе с сайта, а есть ли такой чтобы при входе на сайт для сбора подписчиков?

    ОтветитьУдалить
  4. Здравствуйте, у меня нет статьи по теме всплывающего окна для подписчиков. Посмотрите по ссылке у Иры в блоге, может Вам подойдет такой вариант и можно создать такое всплывающее окно.

    http://goo.gl/NLYfWd

    ОтветитьУдалить


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *