Добавление социальных закладок на сайт


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

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

Затем размещаем у себя на сайте любую из этих картинок в специальной ссылке такого социального сервиса, и все!

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

<a title="Поделиться в Facebook" rel="nofollow" href="http://www.facebook.com/" onclick="window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(location.href));return false;"><img border="0" title="Поделиться в Facebook" src="fac.gif"></a>

В результате, появится картинка, в моем случае это fac.gif, при нажатии на которую откроется новое окно с сервисом добавления в Facebook.

Ну а теперь самое вкусное… Несколько скриптов добавления сайта (блога) социальные закладки и социальные сайты:

<!-- Google -->
<a title="Добавить закладку в Google" onclick="window.open('http://www.google.com/bookmarks/mark?op=add&amp;hl=ru&amp;bkmk='+encodeURIComponent(location.href)+'&amp;annotation='+encodeURIComponent(document.title)+'&amp;labels=webnotes&amp;title='+encodeURIComponent(document.title));return false;" rel="nofollow" href="http://www.google.com/"><img title="Добавить закладку в Google" src="http://www.webnotes.com.ua/demo/fav/google.gif" border="0" alt="" /></a>
<!-- ВКонтакте -->
<a title="Поделиться ВКонтакте" onclick="window.open('http://vkontakte.ru/share.php?url='+encodeURIComponent(location.href));return false;" rel="nofollow" href="http://vkontakte.ru/"><img title="Поделиться ВКонтакте" src="http://www.webnotes.com.ua/demo/fav/vvk.gif" border="0" alt="" /></a>
<!-- Facebook -->
<a title="Поделиться в Facebook" onclick="window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(location.href));return false;" rel="nofollow" href="http://www.facebook.com/"><img title="Поделиться в Facebook" src="http://www.webnotes.com.ua/demo/fav/fac.gif" border="0" alt="" /></a>
<!-- Мой Мир -->
<a title="Поделиться В Моем Мире" onclick="window.open('http://connect.mail.ru/share?share_url='+encodeURIComponent(location.href));return false;" rel="nofollow" href="http://connect.mail.ru/"><img title="Поделиться В Моем Мире" src="http://www.webnotes.com.ua/demo/fav/mm.gif" border="0" alt="" /></a>
<!-- Twitter -->
<a title="Опубликовать в Twitter" onclick="window.open('http://twitter.com/home?status=RT @www.webnotes.com.ua '+encodeURIComponent(document.title)+': '+encodeURIComponent(location.href));return false;" rel="nofollow" href="http://twitter.com/"><img title="Опубликовать в Twitter" src="http://www.webnotes.com.ua/demo/fav/tw.gif" border="0" alt="" /></a>
<!-- livejournal -->
<a title="Опубликовать в своем блоге livejournal.com" onclick="window.open('http://www.livejournal.com/update.bml?event='+encodeURIComponent(location.href)+'&amp;subject='+encodeURIComponent(document.title));return false;" rel="nofollow" href="http://www.livejournal.com/"><img title="Опубликовать в своем блоге livejournal.com" src="http://www.webnotes.com.ua/demo/fav/lg.gif" border="0" alt="" /></a>
<!-- Yahoo -->
<a title="Добавить закладку в Yahoo" onclick="window.open('http://myweb2.search.yahoo.com/myresults/bookmarklet?t='+encodeURIComponent(document.title)+'&amp;d='+encodeURIComponent(document.title)+'&amp;tag=webnotes&amp;u='+encodeURIComponent(location.href));return false;" rel="nofollow" href="http://www.yahoo.com/"><img title="Добавить закладку в Yahoo" src="http://www.webnotes.com.ua/demo/fav/yahoo.gif" border="0" alt="" /></a>
<!-- Моё Место -->
<a title="Добавить закладку в Моё Место" onclick="window.open('http://moemesto.ru/post.php?url='+encodeURIComponent(location.href)+'&amp;title='+encodeURIComponent(document.title)+'&amp;desc='+encodeURIComponent(document.title)+'&amp;tags=webnotes');return false;" rel="nofollow" href="http://moemesto.ru/"><img title="Добавить закладку в Моё Место" src="http://www.webnotes.com.ua/demo/fav/moemesto.gif" border="0" alt="" /></a>
<!-- Бобрдобр -->
<a title="Добавить закладку в Бобрдобр" onclick="window.open('http://www.bobrdobr.ru/addext.html?url='+encodeURIComponent(location.href)+'&amp;title='+encodeURIComponent(document.title)+'&amp;desc='+encodeURIComponent(document.title)+'&amp;tags=webnotes');return false;" rel="nofollow" href="http://www.bobrdobr.ru/"><img title="Добавить закладку в Бобрдобр" src="http://www.webnotes.com.ua/demo/fav/bobrdobr.gif" border="0" alt="" /></a>
<!-- Memori -->
<a title="Добавить закладку в Memori" onclick="window.open('http://www.memori.ru/link/?sm=1&amp;u_data[url]='+encodeURIComponent(location.href)+'&amp;u_data[name]='+encodeURIComponent(document.title)+'&amp;u_data[descr]='+encodeURIComponent(document.title)+'&amp;u_data=webnotes');return false;" rel="nofollow" href="http://www.memori.ru/"><img title="Добавить закладку в Memori" src="http://www.webnotes.com.ua/demo/fav/memori.gif" border="0" alt="" /></a>
<!-- news2 -->
<a title="Добавить закладку в news2" onclick="window.open('http://www.news2.ru/add_story.php?url='+encodeURIComponent(location.href)+'&amp;title='+encodeURIComponent(document.title)+'&amp;description='+encodeURIComponent(document.title));return false;" rel="nofollow" href="http://www.news2.ru/"><img title="Добавить закладку в news2" src="http://www.webnotes.com.ua/demo/fav/news2ru.gif" border="0" alt="" /></a>
<!-- Klikz -->
<a title="Добавить закладку в Klikz" onclick="window.open('http://klikz.ru/bookmarks.php/?action=add&amp;address='+encodeURIComponent(location.href)+'&amp;title='+encodeURIComponent(document.title)+'&amp;description='+encodeURIComponent(document.title)+'&amp;tags=webnotes');return false;" rel="nofollow" href="http://klikz.ru/"><img title="Добавить закладку в Klikz" src="http://www.webnotes.com.ua/demo/fav/klikz.gif" border="0" alt="" /></a>
<!-- Румаркз -->
<a title="Добавить закладку в Румаркз" onclick="window.open('http://rumarkz.ru/bookmarks/?action=add&amp;popup=1&amp;address='+encodeURIComponent(location.href)+'&amp;title='+encodeURIComponent(document.title)+'&amp;description='+encodeURIComponent(document.title)+'&amp;tags=webnotes');return false;" rel="nofollow" href="http://rumarkz.ru/"><img title="Добавить закладку в Румаркз" src="http://www.webnotes.com.ua/demo/fav/rumarkz.gif" border="0" alt="" /></a>
<!-- Newsland -->
<a title="Добавить закладку в Newsland" onclick="window.open('http://www.newsland.ru/News/Add/type/news/');return false;" rel="nofollow" href="http://newsland.ru/"><img title="Добавить закладку в Newsland" src="http://www.webnotes.com.ua/demo/fav/newsland.gif" border="0" alt="" /></a>
<!-- СМИ2 -->
<a title="Добавить закладку в СМИ2" onclick="window.open('http://smi2.ru/add/');return false;" rel="nofollow" href="http://smi2.ru/"><img title="Добавить закладку в СМИ2" src="http://www.webnotes.com.ua/demo/fav/smi2.gif" border="0" alt="" /></a>
<!-- Vaau -->
<a title="Добавить закладку в Vaau" onclick="window.open('http://www.vaau.ru/submit/?action=step2&amp;url='+encodeURIComponent(location.href)+'&amp;storyTitle='+encodeURIComponent(document.title)+'&amp;storyDesc='+encodeURIComponent(document.title)+'&amp;tags=webnotes');return false;" rel="nofollow" href="http://www.vaau.ru/"><img title="Добавить закладку в Vaau" src="http://www.webnotes.com.ua/demo/fav/vaau.gif" border="0" alt="" /></a>
<!-- Mister-Wong -->
<a title="Добавить закладку в Mister-Wong" onclick="window.open('http://www.mister-wong.ru/index.php?action=addurl&amp;bm_url='+encodeURIComponent(location.href)+'&amp;bm_notice='+encodeURIComponent(document.title)+'&amp;bm_description='+encodeURIComponent(document.title)+'&amp;bm_tags=webnotes');return false;" rel="nofollow" href="http://www.mister-wong.ru/"><img title="Добавить закладку в Mister-Wong" src="http://www.webnotes.com.ua/demo/fav/wong.gif" border="0" alt="" /></a>
<!-- Digg -->
<a title="Добавить закладку в Digg" onclick="window.open('http://digg.com/submit?phase=2&amp;url='+encodeURIComponent(location.href)+'&amp;bodytext='+encodeURIComponent(document.title)+'&amp;tags=webnotes&amp;title='+encodeURIComponent(document.title));return false;" rel="nofollow" href="http://digg.com/"><img title="Добавить закладку в Digg" src="http://www.webnotes.com.ua/demo/fav/digg.gif" border="0" alt="" /></a>
<!-- Yandex -->
<a title="Добавить закладку в Yandex" onclick="window.open('http://zakladki.yandex.ru/addlink.xml?url='+encodeURIComponent(location.href)+'&amp;name='+encodeURIComponent(document.title)+'&amp;tags=webnotes&amp;descr='+encodeURIComponent(document.title)+'&amp;title='+encodeURIComponent(document.title));return false;" rel="nofollow" href="yandex.ru/"><img title="Добавить закладку в Yandex" src="http://www.webnotes.com.ua/demo/fav/yandex.gif" border="0" alt="" /></a>
<!-- Newsvine -->
<a title="Добавить закладку в Newsvine" onclick="window.open('http://www.newsvine.com/_wine/save?popoff=1&amp;u='+encodeURIComponent(location.href)+'&amp;tags=webnotes&amp;blurb='+encodeURIComponent(document.title));return false;" rel="nofollow" href="http://www.newsvine.com/"><img title="Добавить закладку в Newsvine" src="http://www.webnotes.com.ua/demo/fav/newsvine.gif" border="0" alt="" /></a>
<!-- Delicoius -->
<a title="Добавить закладку в Delicoius" onclick="window.open('http://del.icio.us/post?v=2&amp;url='+encodeURIComponent(location.href)+'&amp;notes='+encodeURIComponent(document.title)+'&amp;tags=webnotes&amp;title='+encodeURIComponent(document.title));return false;" rel="nofollow" href="http://del.icio.us/"><img title="Добавить закладку в Delicoius" src="http://www.webnotes.com.ua/demo/fav/del.gif" border="0" alt="" /></a>
<!-- Blinkbits -->
<a title="Добавить закладку в Blinkbits" onclick="window.open('http://www.blinkbits.com/bookmarklets/save.php?v=1&amp;title='+encodeURIComponent(document.title)+'&amp;source_url='+encodeURIComponent(location.href)+'&amp;source_image_url=&amp;rss_feed_url=&amp;rss_feed_url=&amp;rss2member=&amp;body='+encodeURIComponent(document.title));return false;" rel="nofollow" href="http://www.blinkbits.com/"><img title="Добавить закладку в Blinkbits" src="http://www.webnotes.com.ua/demo/fav/blinkbits.gif" border="0" alt="" /></a>
<!-- Blogmarks -->
<a title="Добавить закладку в Blogmarks" onclick="window.open('http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url='+encodeURIComponent(location.href)+'&amp;content='+encodeURIComponent(document.title)+'&amp;public-tags=webnotes&amp;title='+encodeURIComponent(document.title));return false;" rel="nofollow" href="http://blogmarks.net/"><img title="Добавить закладку в Blogmarks" src="http://www.webnotes.com.ua/demo/fav/marks.gif" border="0" alt="" /></a>
<!-- Technorati -->
<a title="Добавить закладку в Technorati" onclick="window.open('http://technorati.com/faves?add='+encodeURIComponent(location.href)+'&amp;tag=webnotes');return false;" rel="nofollow" href="http://www.technorati.com/"><img title="Добавить закладку в Technorati" src="http://www.webnotes.com.ua/demo/fav/technorati.gif" border="0" alt="" /></a>
<!-- Folkd -->
<a title="Добавить закладку в Folkd" onclick="window.open('http://www.folkd.com/page/submit.html?step2_sent=1&amp;url='+encodeURIComponent(location.href)+'&amp;check=page&amp;add_title='+encodeURIComponent(document.title)+'&amp;add_description='+encodeURIComponent(document.title)+'&amp;add_tags_show=webnotes&amp;add_tags=webnotes&amp;add_state=public');return false;" rel="nofollow" href="http://www.folkd.com/"><img title="Добавить закладку в Folkd" src="http://www.webnotes.com.ua/demo/fav/folkd.gif" border="0" alt="" /></a>

Но лучше посмотреть пример: Социальные закладки у себя на сайте (блоге)

, , , ,

1 Star2 Stars3 Stars4 Stars5 Stars (голосов 10, в среднем: 4.60 из 5)
Loading ... Loading ...


  1. #1 patrik - Январь 4th, 2011 at 02:54

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

  2. #2 Laktonika - Май 26th, 2011 at 10:20

    Извините, вы не могли бы сказать, как сделать такие же закладки, как у вас? На этой странице, над тегами HTML, social, twitter, usability, useful.

  3. #3 korevgen - Август 3rd, 2011 at 19:04

    Подскажите, плиз, почему у меня значки все вертикально, а не горизонтально в ЖЖ?

  4. #4 Павел - Сентябрь 6th, 2011 at 23:58

    А есть ли смысл тратить время на добавление закладок на сайт. Например, Google давно начал банить иностранные сайты за такое счастье, как социальные закладки. У нас Яндекс забанил все эти самые закладки. Так смысл в чем?

  5. #5 nice - Сентябрь 7th, 2011 at 00:04

    Наверное смысл в их “социальности”. Одним нажатием статья попадает к тебе в закладки, которые ты используешь.

  6. #6 Павел - Сентябрь 7th, 2011 at 00:08

    Мое мнение – это лишь дополнительная нагрузка на страницу. Сейчас мало кто переходит на сайт по этим закладка. Ссылки вроде и есть, а трафика с них никакого. Лично я на сайте их не использую.

  7. #7 www.walikon.com - Июнь 9th, 2012 at 16:28

    отлично, очень благодарен!!!

  8. #8 Алинка - Август 22nd, 2012 at 18:04

    Давно такое искала. Очень просто и все понятно. Прицепила себе. Все работает.
    Спасибо.

  9. #9 Gnom - Август 31st, 2012 at 18:32

    Сколько спорных мнений! Так все же стоит ли размещать ссылки на закладки на своем сайте?

  10. #10 nice - Сентябрь 11th, 2012 at 21:59

    Все на ваше усмотрение.
    Если такие ссылки разместить правильно и все картинки объединить в спрайт, то нагрузки создавать никакой не будет.

  11. #11 Ольга - Февраль 16th, 2013 at 01:48

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

(will not be published)

Spam Protection by WP-SpamFree Plugin

  1. No trackbacks.