Плавающий блок подписки

Как известно, лучший способ удержать посетителя, это подпаска по e-mail, RSS или Twitter. Вот я и решил сделать небольшое дополнение к функционалу livestreet.

Итак, данный скрипт, позволяет создать плавающий блок с любым текстом ил скриптом.

Вот код, который нужно вставить(желательно в header.tpl):
{literal}<style type="text/css">#left{
position:fixed;/*Никуда не девается блок при прокрутке страницы с этим стилем*/
left:5px;/*Здесь настраиваем положение и отступ*/
color:#fff;
top:40%;/*Чтобы было посередине,50 процентов отступа сверху*/
height:110px;/*по вкусу*/
width:60px;/*по вкусу*/
/*по вкусу, но создает эффект тени при таком раскладке вроде*/
}</style> 
<div id='left'>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=Seo-Men&loc=ru_RU"><img src="http://seo-men.ru/images/mail.png"></a><a href="http://feeds.feedburner.com/Seo-Men"><img src="http://seo-men.ru/images/rss.png"></a><a href="http://twitter.com/OsWiki"><img src="http://seo-men.ru/images/twitter.png"></a></div>{/literal}


Код в сжатом варианте:
{literal}<style type="text/css">#left{position:fixed;left:5px;color:#fff;top:40%;height:110px;width:60px}</style> 
<div id='left'>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=Seo-Men&loc=ru_RU"><img src="http://seo-men.ru/images/mail.png"></a><a href="http://feeds.feedburner.com/Seo-Men"><img src="http://seo-men.ru/images/rss.png"></a><a href="http://twitter.com/OsWiki"><img src="http://seo-men.ru/images/twitter.png"></a></div>{/literal}


Демо.

В данном скрипте есть особое преимущество — пользователь быстрее увидит ссылки на подписку, соответственно, быстрее подпишется! Вот тут можно найти нужные иконки.

Кстати можно оформить в виде плагина, чтобы на страницах каждого блога, выводились ссылки на подписку именно этих блогов, т.е. внедрить переменные!

UPD. Новая версия! v2

21 комментарий

avatar
Не стоит пользователю навязывать подписку. Если у вас интересный ресурс с хорошей информацией, то он обязательно подпишется сам куда бы вы не спрятали иконки. А если они будут повсюду его преследовать — скорее он закроет ваш сайт и больше на него не зайдет.
avatar
повторюсь, иконка размеров в 32 пикселя! это наоборот подтолкнет пользователя на подписку! Ведь в наше время, если пользователь потратит на поиск заветной кнопочки больше 30 секунд — это рекорд!
avatar
Кнопки подписок или социальных закладок должны быть еле заметны. Они в помощь пользователю, а не вам. Удерживайте посетителей контентом.
avatar
да, это все понятно, я сейчас работаю над тем, как сделать так, чтобы данный хак отображался не на всех страницах сайта, а лишь в топиках и блогах… это не должно сильно надоедать…
avatar
умные браузеры иконку рсс отображают в адресной строке
avatar
это понятно… но пользователь туда меньше смотрит.
avatar
Вы конечно молодец, что наработками делитесь. НО если пользователь пользуется рсс — он знает где его искать и найдет при необходимости. А у Вас действительно получились назойливые кнопочки которые отвлекают от основного контента и немного раздражают. при чем раздражать они будут и тех кто подписался и тех кто не подписывался на рассылку.желание заходить второй раз на такой сайт резко исчезает.
avatar
Кнопка 32 пикселя, вряд ли отвлечет человека от чтения контента, а вот если он увидит ее, то сразу появится мысль о том чтоб подписаться! это что-то вроде напоминалки, только не такая назойливая!
avatar
Большое спасибо. Очень полезная модификация..:)
avatar
всегда пожалуйста! ;)
avatar
Мне понравилось)главное что можно с помощью данной фишки не только иконки разместить… =)
avatar
вообще там можно даже рекламу размещать, но это уже параноя… :) а так, дерзайте ))
avatar
жаль не везде смог применить блок…
avatar

Косяки…
avatar
первый скрипт: в чем косяк? я не заметил
второй скрипт: это у вас с кодировкой глюки, по пробуйте сохранить тот файл в который вставили скрипт в UTF-8
avatar
Точнее в UTF-8 без BOM.
avatar
мне очень понравилось не подскажите как точно настроить чтоб с лева было подписка на почту маил на почту яндекс?
напишите подробно пожалуйста ))
avatar
Вам нужно зарегать свой RSS фид на сервисе FeedBurner.com, там есть функция подписка по e-mail, вам нужно ее активировать и потом в скрипт вставить вот такой код:
<a href="http://feedburner.google.com/fb/a/mailverify?uri=НАЗВАНИЕ ФИДА В FEEDBURNER&loc=ru_RU"><img src="http://ВАШ САЙТ.РУ/КАРТИНКА.png"></a>

картинку можно найти вот тут www.iconfinder.com/search/?q=mail

Если еще что-то нужно пишите в ПС.
avatar
спасибо большое попробуем
avatar
всегда пожалуйста
avatar
СДЕЛАЛ НОВУЮ ВЕРСИЮ!!! livestreet.ru/blog/6563.html
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.