Полезный скрипт - закладка “Добавить в избранное”

   Автор: Kareg   Рубрика: WordPress


Захотелось мне сделать так, чтобы посетителям моих сайтов, было их проще добавлять в закладки своих браузеров. Что это дает рядовому вебмастеру? Конечно же, постепенно увеличивающуюся базу постоянных посетителей с браузерных закладок, формирование постоянной аудитории ваших проектов. Выкладываю простенькое решение,которое выводит боковую закладку для вашего сайта,позволяющую добавить ваш сайт в Избранное браузера.  Смастерил для меня эту вещь - Альберт.

Скажу сразу - добавление в закладки(или в Избранное) срабатывает только в IE, Опере, и FF. Если есть у кого-либо желание - можно доработать для менее популярных браузеров.

Установка для DLE :

  1. Заливаете в папку images (которая внутри папки шаблона)  эту картинку.
  2. В файл main.tpl,вашего шаблона, после <body> добавляете:
    <!----------------------Добавить в закладки------->
    <div class="book"><a href="http://seo-newbie.ru/" rel=sidebar title="Блог Карега. Что-то пишет." onclick="window.external.AddFavorite('http://seo-newbie.ru/','Блог Карега. Что-то пишет.'); return false;"><img src="{THEME}/images/bookmark.png" width="22" height="151" /></a></div>
    <!----------------------Добавить в закладки------->
  3. В style.css добавляете
  4. .book {
    height: 151px;
    width: 22px;
    padding-left: 0px;
    position: fixed;
    top: 45%;
    left: 0;
    z-index: 5;
    }

Установка для Wordpress:

  1. Заливаете всё ту же картинку, например в корень.
  2. В файл header.php, вашего шаблона, после <body> (и возможно некоторых баннеров-растяжек) добавьте:
    <!----------------------Добавить в закладки------->
    <div class="book"><a href="http://seo-newbie.ru/" rel=sidebar title="Блог Карега. Что-то пишет." onclick="window.external.AddFavorite('http://seo-newbie.ru/','Блог Карега. Что-то пишет.'); return false;"><img src="/bookmark.png" width="22" height="151" /></a></div>
    <!----------------------Добавить в закладки------->
  3. .book {
    height: 151px;
    width: 22px;
    padding-left: 0px;
    position: fixed;
    top: 45%;
    left: 0;
    z-index: 5;
    }

Пример такой закладки вы можете лицезреть на моем блоге. Само собой ссылки и описания в коде поменяйте на свои. Отображение можно контролировать через css(положение по вертикали, отображение справа или слева). Саму картинку уж подгоните под свою цветовую гамму сами. Если будут идеи чем дополнить - пишите.

Кстати, если вы собираетесь приобрести ноутбук vaio, то советую вам посетить интернет-магазин novatek.by

Вам понравился данный материал? Поделитесь им в твиттере и социальных сетях!

Если вам понравился материал, советую вам подписаться на новые посты по RSS. Также вы можете следовать за мной в Твиттере. Кстати, если вы хотите получать новые cтатьи на почту - воспользуйтесь формой ниже.

А ещё я всегда готов к обмену постовыми и открыт к диалогу с рекламодателями. Также у вас есть возможность разместить на моем блоге интересный гостевой пост - по всем вопросам обращайтесь в контакты указанные выше.

Подписаться на новые статьи по почте:

Похожие записи:

  • Сергей

    А эта возможность будет во всех браузерах работать?

  • Сергей

    прошу прощения - сразу в код вперился и не заметил “срабатывает только в IE, Опере, и FF”

  • Dave

    В IE некорректно отображается - верстка смещается! Было бы здорово иметь такой скрипт кроссбраузерный и чтобы в избранное добавлялась не главная страница, а текущая с соответствующими заголовками!

  • http://seo-newbie.ru Kareg

    Странно, у меня всё ок в IE. А насчет текущей страницы - я думаю это несложно реализовать

  • http://www.lincolnweld.ru Анна

    Текст я так поняла, менять, редактируя картинку?
    Гитарист, у меня в мозилле работает.

  • http://seo-newbie.ru Kareg

    Текст самой картинки - само собой редактируя картинку :)

  • http://adorning.ru/ Vasya

    Спасибо, может пригодится. Хотя я пока не встречал пользователей, добавляющих таким образом закладки.

  • http://filinalex.ru Александр

    В firefox работает.

  • http://pridengax.ru/ Казанский бомж

    забираю код, спс! )

  • http://muzalbom.ru/ Дмитрий

    Спасибо, давно искал такую возможность

  • http://seo-lenta.ru Сео Лента

    А у вас давно эта фишка стоит? И как по статистике? Много больше людей с закладок идет?

  • http://www.euro-traveller.ru Nazar Lee

    Проверил в опере и фф - работает!
    Спасибо, я между прочим вот вот совсем недавно искал такой скриптик ))

  • http://indg.ru Турист

    Спасибо, под ff все работает.

  • http://seo-lenta.ru Сео Лента

    Теперь и у меня на сайте появилась, на главной и в записях, можно сохранить конкретную страничку. Только не смог сделать в разделах.

  • http://joomla-world.ru/ Dimok

    Скрипт конечно полезный и спасибо вам за него! только мало кто этим пользуется из посетителей. Гдето видел проводился спец опрос на какомто сеошном сайте про то кто пользуется кнопками добавить в закладки и в избранное. Результат гдет 10/100 чел.

  • http://seo-newbie.ru Kareg

    А зачем проводить на сеошном сайте? Этот скриптик для нормальных развлекательных и прочих белых сайтов отлично подходит. Да к тому же 10/100 это отличный результат. У меня на одном киносайте 5к/в день - я был бы рад если бы 500 человек его ежедневно добавляли в закладки :)

  • http://www.lazyrest.ru/ TarasOn

    Спасибо за наглядный пример, обязательно сделаю такую же закладку у себя на сайте.

  • www.megakino.ws

    Все это было в недавнем прошлом

  • http://7ly.ru 7IM0N

    Спасибо за скрипт большое

  • http://budstroyua.com Даник

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

  • http://gblog.zzl.org Andrew

    Часто бывает, Что накоплю закладок в фаерфрксе, а потом выделяю день чтобы все перечитать и почерпнуть главное

  • http://psihak.ru/ Vadim

    Спасибо материал весьма интересен, забираю в свою копилку полезностей

  • http://stroy-poject.ru Gvenvivar

    В IE некорректно отображается - верстка смещается! Было бы здорово иметь такой скрипт кроссбраузерный и чтобы в избранное добавлялась не главная страница, а текущая с соответствующими заголовками!

  • Vlad

    Энто точно…в IE верстка смещается…
    IE тупит и не понимает CSS :(

  • http://smasterim-sami.ru/ LeonardX

    Можете выложить скрипт для joomla? Буду благодарен.

  • http://restartgame.com Дмитрий

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

  • http://refcontent.ru lightg

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

  • http://www.compopasnosti.ru aries

    По-моему,это бесполезная вещь.Ну зачем она?Когда просто можно кликнуть на браузере

  • http://www.web-fair.ru/ web fair

    Действительно полезный скрипт, спасибо!

  • http://www.okazualili.ru Казуал

    Проверю на сайте.. поставлю, всяко не убудет ;) Спасибо

  • flatez

    спасибо за скрипт, проверил в мозиле все работает

  • георг

    я не понимаю зачем всё усложнять какими то скриптами когда сайт и так можно легко добавить в закладки объясните? или я чего то недогоняю

  • http://www.a1an.ru A1an

    Полезное дополнение для ленивых людей =)
    Но фишка чувствуется..
    Спасибо за скрипт - проверим его “полезность” на массах).
    Только вопрос - можно такую же тему сваять на “джумлу”? Или итак будет работать?

  • http://seo-newbie.ru Kareg

    Работать то будет, только пути будут иные и места вставки :)

  • http://www.a1an.ru A1an

    +)) я имел ввиду - надо ли изменять скрипт..
    с местами-то понятно :)
    благодарю.

  • http://smasterim-sami.ru/ Gravis

    Жаль для Joomla нету кода.

  • http://artgraphite.ru/ artgraphite

    До этого пользовался яваскриптом, но ваш скрипт полегче интегрируется и правится.

  • http://sexdemon.ru okip

    Скрипт хороший правда у меня wordpress 2.9.2 там есть в админке такая функция

  • http://namo-webeditor.ru webeditor

    Скрипт полезный, спасибо. Только вот я думаю, если уж посетителю сайт действительно понравился, то он и так его добавит в закладки, чтобы вернуться. Меня вообще порой раздражают такие прибамбасы на сайтах (блогах). Но это, конечно же, дело вкуса.

  • http://www.plasterstudio.ru Julia

    а вот у меня в chrom не в какую не хочет работать(((((( а скрипт то очень полезный на 5)

  • http://skforussia.ru skforussia.ru

    спасибо за полезный скрипт

  • http://skyter-market.ru/ Коля

    Спасибо огромное за скрипт! Очень помог!!!

  • http://www.bestnasos.ru bestnasos.ru

    Действительною почитал комментарии и думаю, ставитьили нет, а?