В общем крутил сегодня на сайте 5 кнопок, решил написать статейку. Может кому пригодится. facebook.com http://developers.facebook.com/docs/reference/plugins/like Тут всё просто, заполняем форму и получаем вот такой код: HTML: <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="button_count" show_faces="true" width="450" font="arial"></fb:like> vkontakte.ru http://vkontakte.ru/developers.php?o=-1&p=Like Тоже не сложно, нужно авторизоваться, указать в форме "Название сайта" и "Адрес сайта", далее выбрать "Варианты кнопки". На выходе 2 куска кода: Это вставляется между тегами <head></head>: HTML: <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?20"></script> <script type="text/javascript"> VK.init({apiId: XXXXXXX, onlyWidgets: true}); </script> и этот код в теле документа, на месте вывода кнопки: HTML: <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "mini"}); </script> twitter.com http://twitter.com/goodies/tweetbutton Тут выбираем из 3-х вариантов кнопки подходящую: "Vertical count", "Horizontal count" или "No count". Получаем вот такой кусок кода: HTML: <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> odnoklassniki.ru http://dev.odnoklassniki.ru/wiki/display/plugins/Social+Plugins Тут всё не очень хорошо. Нужно вставить между тегами <head></head> код подгрузки стиля и яваскрипта: HTML: <link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet"> <script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script> далее код ссылки с фоном там, где вам нужно: HTML: <a class="odkl-klass-stat" href="Абсолютный адрес страницы" onclick="ODKL.Share(this);return false;" ><span>0</span></a> Высота кнопки отличается от кнопок Твиттера и Фэйсбука, что так же не очень хорошо. Вместо "Абсолютный адрес страницы" я так понял нужно прописывать переменную адреса текущей странички вашего движка или я не знаю. В общем у меня не работает она. Они пишут: но что то у меня ничего не заменяет... mail.ru http://api.mail.ru/sites/plugins/share/ Хорошо поработали. Делаем нужные изменения в форме, URL отсавляем пустым (кроме отдельных случаев) и получаем код для вставки в нужное нам место: HTML: <a target="_blank" class="mrc__plugin_like_button" href="http://connect.mail.ru/share" rel="{'type' : 'button', 'width' : '550', 'show_text' : 'true', 'show_faces' : 'true'}">Нравится</a> <script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script> Чтобы выстроить кнопки горизонтально можно воспользоваться слоями: HTML: <div style="float:left; margin-bottom:4px;"></div> <div style="float:left; margin-bottom:4px;">код кнопки</div> <div style="float:left; margin-bottom:4px;">код кнопки</div> <div style="float:left; margin-bottom:4px;">код кнопки</div> <div style="float:left; margin-bottom:4px;">код кнопки</div> <div style="clear:both;"></div> Всем удачи.
Bmite не за что. Там обратите внимание на одноклассники: нужно url текущей странички прописывать, что ле Всё у них ни как у людей.
Bmite когда вы авторизованы укажите адрес и название сайта и жмите кнопку "Сохранить". apiId сам пропишется.
Разобрался с одноклашками, там для того, чтобы счетчик работал еще и в <body> нужно гавнецо прописывать HTML: <body onload="ODKL.init();"> Поэтому я отказываюсь от счетчика и оставлю просто кнопку. В <head></head> то же код: HTML: <link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet"> <script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script> В теле документа: HTML: <a class="odkl-klass" href="АБСОЛЮТНЫЙ адрес страницы" onclick="ODKL.Share(this);return false;">Нравится</a> Вид кнопки можно изменить вот так, после подгрузки стиля odkl_share.css в <head></head> прописать: HTML: <style type="text/css"> .odkl-klass {background: url(http://site.ru/img/odkl.gif) no-repeat;} .odkl-klass:hover {background: url(http://site.ru/img/odkl2.gif) no-repeat;} </style> Вот и 2 кнопочки сделал, прикрепляю:
очень хорошо, сделаю себе на сайт... надеюсь кто-нибудь жимкнет хотя бы одну))) да и спасибо, что всё в кучку собрали...
Не работает кнопка "Мне нравится" вКонтакте назеркалах сайта Сегодня заметил, что на зеркале сайт.рф кнопка вКонтакте не работает. Указать в настройках виджета зеркало нельзя. Сделал следующим образом: добавил в настройках виджета еще один домен и поставил временно затычку: Code: <?php if($_SERVER["SERVER_NAME"]=="site.ru"){ echo'<script type="text/javascript"> VK.init({apiId: xxxxxxx1, onlyWidgets: true}); </script>'; } if($_SERVER["SERVER_NAME"]=="xn--xxxxxxx.xn--p1ai"){ echo'<script type="text/javascript"> VK.init({apiId: xxxxxxx2, onlyWidgets: true}); </script>'; } ?> Цифры на разных доменах будут разные, но за то не будет ошибки.
А еще есть сервис addthis.com но share.yandex.ru для провославных проектов больше подходит. А вообще тысячи их... Обращайте внимание на объем яваскрипта который подгружаете к себе на страницы.
