Как сделать кнопки социальных закладок на сайте?

Кнопки социальных закладок установить себе на сайт достаточно просто. После недолгих поисков я нашел как минимум два способа. О которых я и хочу рассказать сегодня.

Зачем они нужны?

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

Ну а теперь о двух способах:
  1. Есть "специальный сайт", который раздает код, установив который можно получить у себя на сайте кнопки на популярные социальные закладки. Этот ресурс называется — "Одна кнопка". Этот способ, наверное, можно назвать универсальным и самым простым. Но воспользовавшись этим ресурсом, не забудь-те поместить код между тегами <noindex>...</noindex>, так как помимо ссылок на сервисы социальных закладок, там есть ссылка на сайт создателя.
  2. Кнопочки на соц. закладки можно поставить самому. Все оказывается очень просто. К тому же можно выбрать только те сервисы, которые нужны. В общем применить "отбор по пристрастию". Сами изображения кнопочек помещаем в папку /images/. Изображения кнопочек приведены рядом с кодом, просто копируем их. Сам html-код ссылок на соц. закладки выглядит так:
    Для Memori
    <a href="http://memori.ru/link/?sm=1&u_data[url]=<txp:permlink/>&u_data[name]=<txp:title/>" title="Запомнить эту страницу!" rel="nofollow" target="blank">
    <img src="/images/memori.png" title="Memori" style="border:0; width:16px;height:16px;" />
    </a>
    Для BobrDobr
    <a href="http://bobrdobr.ru/addext.html?url=<txp:permlink/>&title=<txp:title/>" title="Запомнить эту страницу!" rel="nofollow" target="blank">
    <img src="/images/bobrdobr.png" title="Бобр Добр" style="border:0; width:16px;height:16px;" />
    </a>
    Для Google
    <a href="http://www.google.com/bookmarks/mark?op=add&bkmk=<txp:permlink/>&title=<txp:title/>" title="Запомнить эту страницу!" rel="nofollow" target="blank">
    <img src="/images/google.png" title="Закладки Google" style="border:0; width:16px;height:16px;" />
    </a>
    Для Yandex
    <a href="http://zakladki.yandex.ru/userarea/links/addfromfav.asp?bAddLink_x=1&lurl=<txp:permlink/>&lname=<txp:title/>" title="Запомнить эту страницу!" rel="nofollow" target="blank">
    <img src="/images/yandex.png" title="Закладки Yandex"style="border:0; width:16px;height:16px;" />
    </a>
    Для Twitter
    <a href="http://twitter.com/home?status=<txp:title/>http<txp:permlink/>" title="Запомнить эту страницу!" rel="nofollow" target="blank">
    <img src="/images/twitter.png" title="Twitter" style="border:0; width:16px;height:16px;" />
    </a>
    Для del.icio.us
    <a href="http://del.icio.us/post?v=4&noui&jump=close&url=<txp:permlink/>&title=<txp:title/>" title="Запомнить эту страницу!" rel="nofollow" target="blank">
    <img src="/images/del_icio_us.png" title="del.icio.us"style="border:0; width:16px;height:16px;" />
    </a>
    Для Text 2.0
    <a href="http://text20.ru/add/?source=<txp:permlink/>&title=<txp:title/>&text=" title="Text 2.0" rel="nofollow" target="blank">
    <img src="/images/txt_2_0.png" title="Text 2.0"style="border:0; width:16px;height:16px;" />
    </a>
    Для Mister-Wong
    <a href="http://www.mister-wong.ru/index.php?action=addurl&bm_url=<txp:permlink/>&bm_description=<txp:title/>" title="Мистер Вонг" rel="nofollow" target="blank">
    <img src="/images/mister_wong.png" title="Мистер Вонг" style="border:0; width:16px;height:16px;" />
    </a>
    Для MoeMesto
    <a href="http://moemesto.ru/post.php?url=<txp:permlink/>&title=<txp:title/>" title="Мое место" rel="nofollow" target="blank">
    <img src="/images/moemesto.png" title="Мое место" style="border:0; width:16px;height:16px;" />
    </a>
    Для MyScoop
    <a href="http://myscoop.ru/add/?URL=<txp:permlink/>&title=<txp:title/>" title="Закладки MyScoop" rel="nofollow" target="blank">
    <img src="/images/myscoop.png" title="Закладки MyScoop" style="border:0; width:16px;height:16px;" />
    </a>
    Для 100zakladok
    <a href="http://www.100zakladok.ru/save/?bmurl=<txp:permlink/>&bmtitle=<txp:title/>" title="100 Закладок" rel="nofollow" target="blank">
    <img src="/images/100zakladok.png" title="100 Закладок" style="border:0; width:16px;height:16px;" />
    </a>
    • <txp:permlink/> - это url-адрес текущей страницы в Textpattern. В другой CMS он может отличаться.
    • <txp:title/> - это title текущей страницы в Textpattern. В другой CMS он тоже должен отличаться.
    Здесь тоже желательно поместить это все между тегами <noindex>...</noindex>

На этом блоге используется второй способ создания кнопок на соц. Закладки, так как чем меньше звеньев в цепи, тем надежнее и стабильное. Буду рад услышать: как в других CMS обозначается url-адрес текущей страницы и title текущей страницы.

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

Комментарии:

  1. adf опубликовал комментарий 6 Ноябрь 2009, 01:06 #

    Проблема с отображением картинок…..:-(

    | Ответить
  2. Admin опубликовал комментарий 13 Ноябрь 2009, 17:26 #

    Можно по-подробнее…

    | Ответить
  3. mindwork опубликовал комментарий 26 Февраль 2010, 09:09 #

    А еще можно воспользоваться сервисом http://www.addthis.com я использую именно этот сервис закладок. + В этом сервисе проводится аналитика какие закладки часто используются, с на какую страницу создается закладка и т.д

    | Ответить
  4. Лариса опубликовал комментарий 24 Март 2010, 23:22 #

    Замечательная статья! Спасибо автору за помощь!
    Добавляла закладки на сайт на Ucoz. В корневой директории создала папку images, в которую загрузила картинки. <txp:permlink/> заменила на $ENTRY_URL$, а <txp:title/> на $ENTRY_TITLE$. Все работает:)

    | Ответить
  5. Игорь опубликовал комментарий 7 Июль 2010, 01:50 #

    Очень хорошо и подробно написано, спасибо огромное!!!

    | Ответить
  6. Астраханское эхо опубликовал комментарий 11 Август 2010, 12:00 #

    Спасибо!

    | Ответить
  7. Shelehovec опубликовал комментарий 24 Август 2010, 05:29 #

    Поставил на дле. заменить <txp:permlink/> на {full-link} а <txp:title/> на {title}

    | Ответить
  8. Мр. Никто опубликовал комментарий 30 Октябрь 2010, 00:01 #

    С аналогичной проблемой недавно столкнулся, все сделал через специальный онлайн сервис, легко разобрался как добавить кнопки со всеми закладками http://onservis.ru/odna-knopka-dobavlenie-v-zakladki.html

    | Ответить
  9. Mut@NT опубликовал комментарий 31 Октябрь 2010, 03:00 #

    Мр. Никто: С аналогичной проблемой недавно столкнулся, все сделал через специальный онлайн сервис, легко разобрался как добавить кнопки со всеми закладками http://onservis.ru/odna-knopka-dobavlenie-v-zakladki.html

    Хоть бы тогда не обманывали, у Вас на сайте кнопки вручную проставлены. А тут Вы написали ради ссылку. Вдруг заблудшая душа зайдет.
    Был бы я вашей мамой, то по попе бы мокрым веником.;)

    | Ответить
  10. Strikestar опубликовал комментарий 21 Ноябрь 2010, 01:30 #

    хотелось бы побольше именно русских сервисов! А так, спасибо)

    | Ответить
  11. Лия опубликовал комментарий 23 Март 2011, 14:08 #

    Спасибо за отличную статью! По примеру Ларисы заменила таитл и урл. Всё замечательно работает, благодарю.

    | Ответить
  12. Лия опубликовал комментарий 24 Март 2011, 11:22 #

    У меня такой вопрос. Точнее просьба. Не могли бы написать тему как сделать станицу закладок на самом сайте. Например, как это сделано на Ридманге.
    Ссылка на страницу закладок (нужна регистрация):
    http://readmanga.ru/forum/bookmarks/list/659.page

    Надеюсь на помощь, заранее спасибо.

    | Ответить
Имя
e-mail
Сайт
Текст комментария: