Установить кнопку Retweet

Опубликовано: 1 Октябрь 2010Автор ratemir

Установить кнопку RetweetКак мы все знаем, Twitter является системой микро-блогов, где мы можем отправить твит до 140 символов. Для того, чтобы Ваши читатели могли проголосовать и оставить ссылку на заинтересовавшую их статью в этой популярной социальной сети, существуют сервисы предоставляющие кнопки ретвита(retweet), которые можно использовать на Ваших блогах. Пример данной кнопки Вы можете увидеть в начале статьи(зеленого цвета).

Если содержание блога интересное и нравится читателям, мы можем ожидать большое количество ретвитов, и следовательно увеличение трафика, что есть хорошо.

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

Если у Вас блог на WordPress, можете использовать этот retweet плагин. В установке и настройке ничего сложного. Просто скачиваете плагин, распаковываете архив в папку /wp-content/plugins/ и активируете в панели администрирования. Далее настраиваете по своему вкусу.

Второй способ установки TweetMeme Retweet кнопки, это вставить скрипт непосредственно в HTML код страницы Вашего сайта, в том месте, где бы вы хотели, чтобы кнопка появилась. Подробнее о самом скрипте можно почитать в документации от TweetMeme. Или ... просто продолжайте читать дальше.

Как минимум, нам понадобится следующий код:

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

Вставте скрипт в любом месте где бы Вы хотели видеть кнопку. Чтобы кнопка появлялась там где мы хотим, например как у меня, справа и обтекаемая текстом, нужно добавить к имеющемуся коду следующее:

<div style="float: right; margin-left: 10px;">
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript"></script>
</div>

С помощью тега <div> мы придали огранку элементу.

float: right; Тем самым, кнопка переместилась направо. Атрибут «right» можно поменять на «left» если хотите появление картинки слева.

margin-left: 10px; Значение внешних отступов.

Установка скрипта, почти везде одинакова. Но так как у меня движек WordPress, выше приведенный код я вставил в файл single.php(в папке: /wp-content/themes/ваша тема/) перед строкой <?php the_content (''); ?>

Кроме того, есть параметры, которые можно использовать, чтобы настроить Retweet кнопки.

<div style="float: right; margin-left: 10px; margin-top: 10px;">
      <script type="text/javascript">
               tweetmeme_url = 'http://yoururl.com';
               tweetmeme_style = 'compact';
               tweetmeme_source = 'ratemir';
               tweetmeme_service = 'bit.ly';
     </script>
     <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

tweetmeme_url = 'http://yoururl.com'; По умолчанию, кнопка использует адрес страницы на которой она находится. Применить этот папраметр можно в случае показа списка страниц или к ссылкам на странице необходимо прикрепить по кнопке. Например если Вы используете WordPress, то в файле index.php(в папке: /wp-content/themes/ваша тема/) http://yoururl.com следует заменить на <?php the_permalink (); ?> Вставляем скрипт также, перед <?php the_content (''); ?>

tweetmeme_style = 'compact'; По умолчанию кнопка будет иметь вид такой же как и на этой странице. В случае «compact» вид кнопки изменится на такой:

Компактная Retweet кнопка

tweetmeme_source = 'ratemir'; Имя пользователя в twitter. Например, мой ник в твитере «ratemir». Соответственно, у того кто сделал ретвит, пост в профиле твитера примет вид: «RT @ratemir Заголовок статьи Ссылка», где RT – retweet. По умолчанию, «tweetmeme».

tweetmeme_service = 'bit.ly'; URL-сервис. Используется, я так понял, для укорочения количества символов в адресе страницы.



Опубликовать в twitter.comПоделиться ВКонтактеПоделиться в FacebookПоделиться В Моем МиреОпубликовать в своем блоге livejournal.com
Если Вам понравилась статья, Вы можете получать новые материалы Ratemir.ru по: RSS или можете просто получать обновления блога на e-mail:

Оставить комментарий

Наверх