[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Программирование » SEO » Кнопки социальных сетей (Хороший арсенал кнопок социальных сетей, для вашего сайта)
Кнопки социальных сетей
Hacker
Offline
Дата: Четверг, 19.07.2012, 19:06 | Сообщение # 1
Группа: Администратор
Сообщений: 366
Репутация: off
Вы можете установить социальные кнопки на любую страницу. Пользователи будут делиться информацией с вашего сайта, а значит, его популярность будет расти.

Например иметь обратную ссылку с такого сайта как Vk.com тиц за 580000 не плохо да wink

Ну вот пишу готовые кнопки

Vk.com



Code
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://vk.com/js/api/share.js?11" charset="windows-1251"></script>
Vk.com
<!-- Put this script tag to the place, where the Share button will be -->
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
--></script>


Для сайтов без поддержки JavaScript

Если Вы не можете выполнять JavaScript-сценарии на Вашем сайте, например Ваша блог-платформа не поддерживает этой функциональности, Вы можете размещать прямую ссылку для публикации ВКонтакте. Эта ссылка имеет следующий вид:

Code
http://vkontakte.ru/share.php?url={адрес страницы}


Код для ее размещения может выглядеть так:

Code
<a href="http://vkontakte.ru/share.php?url=http://mysite.com" target="_blank">Поделиться ВКонтакте</a>


Кнопка mail.ru



Code
<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'ck' : '1', 'sz' : '20', 'st' : '1'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>


Кнопка для публикации ссылок в Я.ру



Код для вставки

Вставьте этот код на страницу вашего сайта
Code
<a counter="yes" type="button" size="small" share_text="MoBstudio" name="ya-share"> </a><script charset="utf-8" type="text/javascript">if (window.Ya && window.Ya.Share) {Ya.Share.update();} else {(function(){if(!window.Ya) { window.Ya = {} };Ya.STATIC_BASE = 'http:\/\/yandex.st\/wow\/2.8.8\/static';Ya.START_BASE = 'http:\/\/my.ya.ru\/';var shareScript = document.createElement("script");shareScript.type = "text/javascript";shareScript.async = "true";shareScript.charset = "utf-8";shareScript.src = Ya.STATIC_BASE + "/js/api/Share.js";(document.getElementsByTagName("head")[0] || document.body).appendChild(shareScript);})();}</script>


Если вы планируете вставить несколько таких кнопок на одну страницу, тег <script> достаточно разместить один раз перед закрывающим тегом </body> для оптимизации времени загрузки страницы.

Также вы можете сделать свою собственную кнопку, взяв за основу эту ссылку:

Code
http://my.ya.ru/posts_share_link.xml?url=<url>&title=<title>&body=<body>


Кнопка google buzz




Очень популярный сервис, но в рунете на него как-то слабовато внимание обращают, мне кажется зря. В твиттер тоже не сразу все бросились, а сейчас многие локти кусают, что не сразу там о себе заявили

Код кнопки

Кнопка facebook

В рунете набирает обороты и эта социальная сеть, а значит мы там должны быть, я уже есть , Добавляй. Код кнопки facebook. Здесь примерно тоже самое, только в ничего вставлять не придется. Настройка также проста, кстати, там все на английском и кнопка в том числе, но когда она будет подгружаться уже у Вас на сайте, все будет на нашенском .

В отличие от вконтакте, эту кнопку можно сделать коробкой (box count), как ретвит сбоку у меня, – это плюс, но есть большой минус – текст на этой кнопке не редактируется, если горизонтальная кнопка смотрится с текстом “Мне нравится” отлично, то коробочная версия кнопки разъезжается и выглядит ужасно, именно это является причиной того, что ее до сих пор нет под кнопкой retweet в моих постах.


Персонажи для Галактики знакомств
Hacker
Offline
Дата: Пятница, 27.07.2012, 17:28 | Сообщение # 2
Группа: Администратор
Сообщений: 366
Репутация: off
Кнопка Google +1



Code


<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-annotation="inline" data-width="300"></div>

<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
   (function() {
     var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
     po.src = 'https://apis.google.com/js/plusone.js';
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
   })();
</script>



Персонажи для Галактики знакомств
Форум » Программирование » SEO » Кнопки социальных сетей (Хороший арсенал кнопок социальных сетей, для вашего сайта)
  • Страница 1 из 1
  • 1
Поиск: