Кнопки добавить Вконтакте Twitter и Одноклассники на сайт

Для повышения читаемости и посещаемости вашего сайта его стоит подвигать через социальные медиа и добавить кнопки Твиттера, Вконтакте, Одноклассник на ваш сайт.Кнопки добавить Вконтакте Twitter и Одноклассники на сайт
Это позволит каждому пользователю зашедшему на ваш сайт добавить ссылку на статью в своем аккаунте на стене, в мокроблоге или в ленте новостей. Таким образом, эту ссылку смогут прочитать все его друзья и рассказать о статье или сайте всем своим друзьям, а те своим друзьям и т.д.

Одним из важнейших условий щелчка по кнопки на вашем сайте является маленький нюанс – ваша статья должна быть действительно интересна, свежа, возможно содержать какую-то сенсацию. И тогда щелчок по кнопке Добавить в Одноклассник, Твиттер, Вконтакте вам обеспечен.

А реализация этой возможности, как говорится, дело техники.

Вы можете просмотреть код кнопок для вашего сайта и скопировать его нажав ссылку споллера ниже.

Внимательно читайте код кнопок для вашего сайта, там часть кода в HEAD, а часть в BODY.

Смотреть Код для добавления кнопок Вконтакте Twitter и Одноклассники на сайт

<html>
<head>
<!-- Стили начало позиционирования блока в нижнем правом углу -->
<!-- Стили блока -->
<style type="text/css">
.layer2 {
position: fixed; /* Абсолютное позиционирование */
bottom: 250px; /* Положение от нижнего края */
right: 0px; /* Положение от правого края */
line-height: 1px;
}
</style>
<!-- Для Вконтакте -->
<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?11" charset="windows-1251"></script>
<!-- Для Однокласник -->
<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>
<!-- Конец Стили позиционирования блока в нижнем правом углу -->
</head>
<body onload="ODKL.init();"><!--   onload="ODKL.init();"    - ОБЯЗАТельна для Одноклассинков -->
<!-- начало позиционирования блока в нижнем правом углу -->
<div>
<!-- все лежит в таблице -->
<table border="0" width="100%" cellspacing="10">
<tr>
<th><!-- Кнопка twitter -->
<a href="http://twitter.com/share" data-count="none" data-via="rabamaster" data-lang="ru">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><!-- В контакте Put this script tag to the place, where the Share button will be -->
</th>
</tr>
<tr>
<td><!-- Кнопка Вконтакте -->
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round_nocount", text: "Хочу!!"}));
--></script></td>
</tr>
<tr>
<th><!-- Кнопка Одноклассини -->
<a href="http://helpcentr.org.ua" onclick="ODKL.Share(this);return false;" >Класс!</a>
</th>
</tr>
</table>
</div>
<!-- Конец позиционирования блока в нижнем правом углу -->


</body>
</html>

Я на свой вкус оформил, если это можно назвать «оформил», эти кнопки и разместил их с правой стороны сайта, просто решил, что там кнопки будут смотреться хорошо.

По моему мнению, Вконтакте, Twitter и Одноклассники являются самыми популярными социалками. Я не в коем случае не хочу обидеть ЖЖ (LiveJournal.ru), Facebook, и т.д., я даже в них зарегистрирован, но для моих целей, как мне кажется, они не совсем подходят. Возможно, в бедующем, я добавлю ссылку и на другие социалки, но это в будущем.

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

Вот список сайтов, где вы можете взять кнопки для своего сайта:

    Код Кнопка для сайта добавить Вконтакте - http://vkontakte.ru/pages.php?act=share
    Код Кнопка для сайта добавить Одноклассник - http://dev.odnoklassniki.ru/wiki/display/plugins/Social+Plugins
    Код Кнопка для сайта добавить в Twitter – http://twitter.com/about/resources/tweetbutton

Пользуйтесь, удачных продвижений!

Так же читайте очень интересную статью Новые кнопки социальных сетей

Leave a comment

Make sure you enter all the required information, indicated by an asterisk (*). HTML code is not allowed.