Блок поделиться для вашего сайта,День 7 « lifeisfine.ru
RSS
 

Блок поделиться для вашего сайта,День 7

24 Янв

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

Естественно в сети очень много постов и описаний такого кода, который обеспечивает лёгкое добавление страниц форума в те или иные сервисы. Но как не печально большинство постов про абсолютно бесполезные методики. Кроме того обычные закладки уже никем не используются.  Уже не раз яндекс выбрасывал эти сервисы полностью. Я имею ввиду .
Пока на блоге оставил.
Мы перешли в эпоху главенства социальных сетей везде и всюду. Теперь регистрация пользователей в десятках сервисов уходит в прошлое. Большинство пользователей рунета использует социальную сеть.
Вот один из способов, который не столь прост, как описанный ниже. Есть одно но – здесь вы регулирует процесс настройки возможностью поделиться собственно – ручно. Это в свою очередь в ряде случаев может повысить эффективность результирующего метода.
Вам придётся пройти через три последовательных шага настройки возможности поделиться на вашем сайте.

1.Загрузить папку templates в корень сайта (не забудьте изменить папку {THEME} на название вашего шаблона)

2.Теперь необходимо отредактировать файл стилей CSS.
Это редактирования файла style.css или main.css.

#social-media{
margin:5px 0px;
border:1px solid #d9d9d9;
padding:4px 5px 5px 5px;
}
#social-media a.social,
#social-media span{
display:-moz-inline-stack;
display:inline-block;
background-repeat:no-repeat;
background-position:center;
width:24px;
height:24px;
text-indent:-9999px;
margin-right:3px;
vertical-align:text-bottom;
}
#social-media span{
text-indent:0px;
vertical-align:bottom;
}
#social-media span.media-txt{
width:90px;
font-weight:bold;
text-align:center;
}
#twitter{
background-image:url('../ico/twitter.png');
}
#facebook{
background-image:url('../ico/facebook.png');
}
#livejournal{
background-image:url('../ico/livejournal.png');
}
#liveinternet{
background-image:url('../ico/liveinternet.png');
}
#vkontakte{
background-image:url('../ico/vkontakte.png');
}
#mailru{
background-image:url('../ico/mailru.png');
}

Как вы понимаете по последним строчкам, касательно background-image, вы будете иметь возможность поделиться с самыми популярными социальными сетями рунета.
Следующий участок кода соответствует твиттеру

<div id="social-media">
<span class="media-txt">поделиться с друзьями</span></div>

Следующий участок кода позволит вам добавить в блок поделиться ещё и facebook.

<a id="facebook" class="social" onclick="window.open(this.href, 'Поделиться ссылкой в facebook', 'width=800,height=300'); return false" href="http://www.facebook.com/sharer.php?u={full-link}" target="_blank">facebook</a>

Ну и наш любимый ЖЖ журнал конечно:

<a id="livejournal" class="social" href="http://www.livejournal.com/update.bml?subject={title}%20{full-link}&amp;event={full-link}" target="_blank">livejournal</a>

Сервис liveinternet, Не очень популярный у пользователей

<a id="liveinternet" class="social" href="http://www.liveinternet.ru/journal_post.php?action=n_add&amp;cntitle={title}%20{full-link}&amp;cnurl={full-link}" target="_blank">liveinternet</a>

mail.ru

<a id="mailru" class="mrc__share social" onclick="window.open(this.href, 'Поделиться ссылкой в Mail.ru', 'width=600,height=400'); return false" href="http://connect.mail.ru/share?share_url={full-link}" target="_blank">В Мой Мир</a>

Ну и конечно самая популярная социальная сеть рунета.vkontakte

<a id="vkontakte" class="social" onclick="window.open(this.href, 'Поделиться ссылкой в вконтакте', 'width=800,height=300'); return false" href="http://vkontakte.ru/share.php?url={full-link}" target="_blank">vkontakte</a>

Вообщем если вас заинтересовала эта методика то можете перейти по ссылке. Только там надо зарегистрироваться.
http://friend.kg/script/addons/1869-socialnye-knopki-dlya-twitter-facebook-livejournal-liveinternet-vkontakte-mailru-xak-dlya-dle.html
Ещё мне не понравилось , что этот код с непонятной лицензией шёл. Только для ознакомления или free.Вообщем ставить на сайт, зарегистрированный на своё имя что-то не лицензионное не рекомендую.Поэтому я продолжил поиски.

Поэтому немного порывшись я нашёл простое и эффективное решение от самого яндексаhttp://api.yandex.ru/share/ .Этот Api очень прост в настройке. Единственное , что необходимо -это скопировать код в нужное место на вашем сайте . Множества ссылок на социальные сети обеспечивается через редиректы самого Яндекса. А это в свою очередь не приводит к пессимизации вашего сайта в этой ПС. а это кстати очень не маловажный факт. Кстати использование Api самих ПС – вообще ничем обычно не чревато. О пользе конечно я не слышал. Но вы заметили кстати и другие способы, указанные выше. Всё бы ничего, но последнее время начал замечать, что тег  иногда игнорируется самим Яндексом. Вообще я иногда замечаю, что Яндекс индексирует не больше 25% процентов контента, если на странице расположено от 10000 знаков и больше. Кроме того, и контрольные суммы расчитываются у Яндекса по разному.  Так, что можно сделать один общий вывод . Если у яндекса есть методика решения вашей проблемы, то используйте интструменты Яндекса.

Вот так выглядит код, для сервисов, изображённых на картинке

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

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8">
</script>
<div class="yashare-auto-init" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir"></div>

Удачи!

Google Bookmarks Reddit Technorati Yahoo My Web БобрДобр.ru Memori.ru МоёМесто.ru
 
1 комментарий

Опубликовано в рубрике Про ссылки

 

Прокомментировать

 
 
  1. Альберт

    18.05.2011 - 02:36

    Так же Tooby предоставляет кнопку поделиться

    Тут описание http://tooby.ru/developers/

     
 
Система Orphus

Enter your email address:

Delivered by FeedBurner

.