Вот и наступил 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}&event={full-link}" target="_blank">livejournal</a>
Сервис liveinternet, Не очень популярный у пользователей
<a id="liveinternet" class="social" href="http://www.liveinternet.ru/journal_post.php?action=n_add&cntitle={title}%20{full-link}&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>
Удачи!
Альберт
18.05.2011 - 02:36
Так же Tooby предоставляет кнопку поделиться
Тут описание http://tooby.ru/developers/
[Translate]