Для повышения читаемости и посещаемости вашего сайта его стоит подвигать через социальные медиа и добавить кнопки Твиттера, Вконтакте, Одноклассник на ваш сайт.
Это позволит каждому пользователю зашедшему на ваш сайт добавить ссылку на статью в своем аккаунте на стене, в мокроблоге или в ленте новостей. Таким образом, эту ссылку смогут прочитать все его друзья и рассказать о статье или сайте всем своим друзьям, а те своим друзьям и т.д.
Одним из важнейших условий щелчка по кнопки на вашем сайте является маленький нюанс – ваша статья должна быть действительно интересна, свежа, возможно содержать какую-то сенсацию. И тогда щелчок по кнопке Добавить в Одноклассник, Твиттер, Вконтакте вам обеспечен.
А реализация этой возможности, как говорится, дело техники.
Вы можете просмотреть код кнопок для вашего сайта и скопировать его нажав ссылку споллера ниже.
Внимательно читайте код кнопок для вашего сайта, там часть кода в 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
Пользуйтесь, удачных продвижений!
Так же читайте очень интересную статью Новые кнопки социальных сетей
Кнопки добавить Вконтакте Twitter и Одноклассники на сайт
Latest from Аспирантус
Leave a comment
Make sure you enter all the required information, indicated by an asterisk (*). HTML code is not allowed.