Размещаем кнопку социальных сервисов на блоге

В этой статье я попробую рассказать о размещений кнопок на сайте или блоге. Для чего нужны кнопки социальных сервисов? Прежде всего для того, чтобы ваши читатели имели возможность делиться материалами блога в один клик. Это помогает распространению материала и помогает узнать о вашем блоге большему количеству людей. Но где взять код для размещения этих кнопок? Сейчас разберемся!

    Прежде всего стоит сказать, что недавно было удобно добавлять на блог так называемую кнопку социальных сервисов и закладок. Установив такой код, читатель кликнув кнопку мог разместить ссылку, на понравившийся пост, на одном из нескольких десятков сайтов. В последнее время популярность сервисов социальных закладок упала, но стали популяризироваться такие сервисы как твиттер, facebook и лента Google buzz. Размещая в этих сервисах ссылку на интересный материал можно получить довольно значительный приток посетителей и ссылки на сайт или блог.

    Каждый из этих социальных сервисов создали свои скрипты и кнопки, которые и можно разместить в блоге. Но чем больше скриптов на странице тем медленнее она загружается, к тому же чем больше кнопок после поста, тем больше исходящих ссылок. А чем больше исходящих ссылок тем меньше предложения рекламодателей, если, конечно, вы размещаете рекламу на блоге. Что же делать?

      На этот вопрос я нашел ответ горьким опытом и месяцам работы блога, по которым судил о том или ином способе раскрутки.
То, что сервисы социальных закладок стали менее перспективны я написал выше. Я также заметил, что читатели предпочитают отслеживать обновления блога с помощью RSS, а возможностью получать на почту материалы практически никто не пользуется. Но возрасли возможности и популярность фейбука и твиттера, которые позволяют мгновенно, в один клик, разместить интересные материалы, а читатели быть в курсе событий с помощью любых устройств подключенных к интернет. Социальная сеть Вконтакте.ру также позволила размещать ссылки на материалы (об эти возможностях я писал в статье Новые возможности Вконтакте.ру), но дело в том, что эти ссылки не индексируются и практически нет отдачи.

Вот такими не хитрыми логическими суждениями я пришел к выводу, что самые нужные кнопки в посте блога это кнопки:

• Twitter
• Facebook
• Google buzz
• RSS блога  

Теперь стоит сказать о самих кнопках. Чтобы их разместить необходимо знать их код. И этот код, как правило, содержит js-скрипт. Чем больше этих скриптов тем медленнее загружается блог. Но такие скрипты позволяют отслеживать количество кликов по ним и различную статистику. Если же ваш хостинг не слишком расторопен, то выгоднее разместить графическую кнопку без скрипта.

Где взять код кнопки со скриптом?  

    Для Twitter.    Воспользуемся популярным западным сайтом tweetmeme.com.  Кнопка с этого сайта позволит вашим читателям делать ретвиты, то есть размещать ссылку на ваш пост в собственной твиттер-ленте. Количество таких ретвитов можно будет увидеть на самой кнопке.

Заходим на страницу - http://tweetmeme.com/about/retweet_button Здесь мы можем выбрать любой вариант расположения кнопки.

Сам же код кнопки можно увидеть на странице -http://help.tweetmeme.com/2009/04/06/tweetmeme-button/ где можно выбрать нужную нам кнопку - либо обычную, либо компактную. 

    Для Google buzz. Для получения кода почтовой ленты Google, заходим на сайт этой разработки, где мы можем выбрать один из нескольких вариантов кнопки и получить для размещения соответствующий код -http://www.google.com/buzz/api/admin/configPostWidget

   Для Facebook. У этой социальной сети есть специальная страница с разработками, в том числе и кнопкой Like, которая позволяет разместить материалы в ленте facebook.

http://developers.facebook.com/docs/reference/plugins/like Выбираем кнопку и получаем код для размещения в блоге.

    Теперь о минусах: размеры каждой из кнопок различны, поэтому они могуть выглядеть не очень эстетично, а нам нужно красивое оформление. Выход -  создание собственного дизайна. Можно найти кнопки просто вписав в поисковике, к примеру, "Иконки социальных сервисов", "Твиттер логотип" и т.д. А можно сделать их самим, если вы обладаете минимальными знаниями работы в графических програмах.

Я попробовал сделать кнопки Google buzz и Facebook, вот что из этого вышло (размер 100 X 100 пикс):

 

После поста будут распологаться эти кнопки, а также js-код твиттера. Так как мы хотим эстетики, то сделаем все кнопки одинакового размера, то есть иконки фейсбука и гугл-ленты делаем 60 Х 60 пикселей.

Код для наших самодельных кнопок следующий:

Для Facebook:

<noindex><a rel="nofollow" target="blank"href="http://www.facebook.com/sharer.php?u=<$mt:EntryLink$>"><imgsrc="/pix/facebook.gif" width="60" height="60" title="Поделиться в Facebook"></a></noindex>

Обратите внимание на выделенный текст - у различных движков блогов эта часть кода различна, я привел пример кода для движка блога Movable-type. Для wordpress эта часть кода будет следующей: <?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>

И также обратите внимание на путь к графической иконке на моем блоге это адрес папки Pix.

Код для Google buzz

<noindex><a href="http://www.google.com/reader/link?url=<$mt:EntryLink$>"rel="nofollow" target="_blank"><img src="/pix/buzz.gif" width="60" height="60"title="Добавить в Google Buzz"></a></noindex>

Это вариант для movable type. Для wordpress  - <?php the_permalink(); ?>&title=<?php the_title(); ?>&srcURL=http:/ваш_сайт.ru" rel="nofollow" target="_blank"><img src="<?php bloginfo('template_url'); ?>

Где размещать код для того, чтобы он отображался внизу статьи я писал в посте - Как вставить код кнопок в Movable type.

Для других движков блога необходимо узнавать это в индивидуальном порядке. Эту информацию можно получить на сайтах поддержки той или иной блог-платформы.
Как только мы разместим код мы получим всего 3 исходящих ссылки с поста (это только в плюс), всего один js-скрипт, который не будет тормзить работу блога и эстетичную панель вида:

Всего Вам хорошего и удачи!