Сайт дня (как попасть): гаджеты.

Твиттер становится все более популярным, поисковики Bing и Google уже объявили о том, что вводят поиск по твиттеру в реальном времени.

Естественно, что владельцам сайтов просто нельзя не уделять внимания твиттеру и его потенциалу для развития и продвижения сайта.

В последнее время наблюдается бурное развитие различных сервисов, связанных с твиттером. Одни из самых интересных в том плане - сервисы, предоставляющие владельцам сайтов и блогов так называемые retweet buttons (кнопки ретвита). Вы наверняка видели такие кнопки на многих сайтах и блогах. Их основной признак - отображение числа упоминаний какой-либо страницы в твиттере (или ретвитов) и кнопки “retweet”.

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

Я как раз задумал поставить на блог Shakin.ru кнопку ретвита. Эти кнопки позволяют посетителям легко добавлять понравившиеся им материалы в свой микроблог на твиттере, что позволяет получать дополнительных посетителей и создавать так называемый «информационный шум». К примеру, и популярных англоязычных блоггеров число упоминаний многих их постов исчисляется тысячами.

Плюс по кнопке можно наглядно видеть, сколько раз ваша статья упомянута в твиттере, что позволяет определять перспективные в этом плане статьи и тематики на будущее.

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

Ну что же, открываем Google и вбиваем запрос “retweet button”.

1. Tweetmeme

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

Также Tweetmeme предлагает retweet плагины для различных движков сайтов и сервисов. Также предлагаются кнопки ретвита для e-mail и RSS лент.

Для вставки ретвит кнопки Tweetmeme в папке с темой вашего блога Wordpress находим файл single.php (или index.php, в разных темах по-разному) и в нужном месте вставляем в него такой код (по аналогии кнопку можно вставить и в любой другой движок сайта, нужно лишь найти нужный шаблон вывода страницы):

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

У меня этот код уютно поместился перед этой строкой:

<?php the_content(''); ?>

Думаю, лучше сразу вставлять кнопку так, чтобы между кнопкой и текстом поста был отступ. Пикселей 10 хватит. Поэтому вставляем вышеупомянутый код внутрь слоя:

<div style="float: right; margin-left: 10px;">сюда вставляем код</div>

Хотел привести подробные примеры кодов для Tweetmeme, но, как назло, именно в этих примерах угловые скобки выводятся некорректно. Пробовал по-разному раз 30, в итоге снес эти примеры. Вы их сможете найти на этой странице (описания на английском).

Можно еще разместить компактный вариант ретвит кнопки Tweetmeme:

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

2. TwittLink

TwittLink - отличная альтернатива Tweetmeme.

Предлагается плагин TwittLink Button для Wordpress.

Есть два варианта кнопки. Код для вставки большой кнопки 50х50 пикселей:

<div style="float: right; margin-left: 10px;"><script src="http://www.twittlink.com/tools/button_b.js" type="text/javascript"/></script></div>

И код для маленькой кнопки размером 40х20 пикселей:

<div style="float: right; margin-left: 10px;"><script src="http://www.twittlink.com/tools/button_s.js" type="text/javascript"/></script></div>

Можно еще вставить дополнительные параметры:

<div style="float: right; margin-left: 10px;"><script type="text/javascript">
tl_title = "Ваш title";
tl_url = "Ваш url";
tl_source = "Ваш twitter аккаунт";
</script>
<script src="http://www.twittlink.com/tools/button_b.js" type="text/javascript"/></script></div>

3. Twittley

Twittley - следующий сервис, попавшийся мне на глаза. Для блогов на Wordpress есть специальный плагин - Twittley Button.

Для того, чтобы разместить кнопку Twittley, в нужном месте поместите такой код:

<div style="float: right; margin-left: 10px;"><script src='http://twittley.com/button/button.js'/></script><noscript>Your browser does not support JavaScript! Instead, you can visit <a href="http://twittley.com/">Twittley.com</a> for all of your <a href="http://twittley.com/">Twitter social networking</a> needs.</noscript></div>

4. Backtype

Backtype - эта кнопка мне сразу понравилась. Она хорошо смотрится и будет сочетаться с любым дизайном. Плюс предоставляются широкие возможности по изменению внешнего вида кнопки, чтобы было можно сделать кнопку, которая будет хорошо сочетаться с цветовой гаммой вашего сайта.

Для вставки кнопки Backtype используем такой код:

<div style="float: right; margin-left: 10px;"><script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script></div>

Можно задать дополнительные параметры, описание которых можно найти на этой странице (англ):

<div style="float: right; margin-left: 10px;"><script type="text/javascript">
tweetcount_url = 'http://blog.backtype.com/2009/04/backtype-connect-wordpress-plugin/';
tweetcount_title = 'Tweetcount Widget';
tweetcount_src = 'RT @BackType:';
tweetcount_via = false;
tweetcount_links = true;
tweetcount_size = 'small';
tweetcount_background = 'FFFFFF';
tweetcount_border = 'CCCCCC';
tweetcount_api_key = '5c3bba3f5d77a46a13453091e36dc1cde4335e9299a1edeeaa3c31d193b33fda';
</script>
<script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script></div>

5. ReTweet

ReTweet - кнопка, которая мне очень напоминает Tweetmeme. Я ее потестировал - на данный момент этот сервис не дружит с кириллицей, все русские буквы в ретвитах отображаются кракозябрами. Возможно, это скоро исправят.

Для блогов Wordpress есть плагин - Retweet.com Button.

Для размещения ReTweet кнопки на своем сайте используем такой код:

<div style="float: right; margin-left: 10px;"><script type="text/javascript" src="http://www.retweet.com/static/retweets.js"></script></div>

Также есть компактный вариант кнопки:

Для нее нужен такой код:

<div style="float: right; margin-left: 10px;"><script type="text/javascript">
size = 'small';
</script>
<script type="text/javascript" src="http://www.retweet.com/static/retweets.js"></script></div>

Также можно добавить вставку вашего твиттер ника:

<div style="float: right; margin-left: 10px;"><script type="text/javascript">
username = 'mashable';
</script>
<script type="text/javascript" src="http://www.retweet.com/static/retweets.js"></script></div>

6. RuTwi

Радует, что в рунете тоже есть сервис, предоставляющий кнопку ретвита для вебмастеров и блоггеров - RuTwi.ru.

Для вставки ретвит кнопки RuTwi на свой сайт или блог используем такой код:

<div style="float: right; margin-left: 10px;"><script type="text/javascript" src="http://rutwi.ru/js/rutwi_button.js"></script></div>

На мой взгляд, вот чего не хватает всем упомянутым кнопкам ретвита, так это более широких возможностей для вебмастера по индивидуализации внешнего вида кнопки. Например, чтобы в оформлении кнопки можно было задействовать картинки, убрать название блога в конце ретвита, изменить слово “retweet” на свое или подключить желаемый сервис по укорачиванию ссылок вместо дефолтного. Думаю, скоро это кто-нибудь обязательно реализует.

Что я хочу сказать в заключение? Я попробовал все перечисленные сервисы, и остановил свой выбор на Tweetmeme. Он мне показался наиболее удобным, к тому же тот факт, что он широко распространен в интернете, о многом говорит.

Глобатор

Постовой (обмен постовыми): Русифицированные премиум темы Wordpress для Вашего блога

UniSender - быстрый и надежный сервис доставки e-mail сообщений

Улучшаем индексацию сайта поисковиками - Robots.txt

Десерт сегодня - гигантские куклы на празднике в Берлине: