Официальная кнопка ретвита от Твиттера

12 Август 2010

Твиттер сделал оффициальную кнопку ретвита, выглядит она очень симпатично и легко. Живой пример можно посмотреть в любое статье моего блога (ага, я уже успел её прикрутить к своему блогу). Всего есть три вида кнопки(110×20, 55×20, 55×63), а также три метода для его использования(через фрейм и через Javascript).

Вставляем кнопку с помощью фрейма

Все довольно просто, необходимо просто вставить фрейм с некоторыми задаными параметрами:

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url=http://my.url.ru" style="width:130px; height:50px;"></iframe>

Вставляем кнопку с помощью Javascript

Этот метод аналогично прост, необходимо подключить специальный js файл от Твиттера:

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

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

<a href="http://twitter.com/share" class="twitter-share-button">Tweet</a>

Параметры, которые может принимать Твиттер

Кастомизация данных для ретвита происходить по параметрам переданным в URL, либо в data атрибутах. Вот сам списочек:

  • url — ссылка на статью [атрибут data-url]
  • via — через что было ретвитнуто [data-via]
  • text — текст сообщения [data-text]
  • count - показывать количество ретвитов или нет [data-count] (none, horizontal, vertical)
  • related — насколько я понял, это похожие аккаунт [data-related]

Ну вот думаю и все. Если есть вопросы спрашиваем в комментариях, помогу :) По поводу распространения кнопки, думаю она скоро станет висеть на каждом блоге, но вот захотят ли люди убирать кнопку ретвита от сервиса TweetMeme?

Также возможно вам будет интересно почитать

Комментарии к записи

  • 12 Август 2010

    Вот только её наверно еще по немного дорабатывают! Потому, что некоторые кнопки показывают ретвит например 5, а в результатах ничего не находить, но я уверен это быстро пофиксят :)

  • 14 Август 2010

    А, как её установить на ДЛЕ 8.3
    Я хочу такую себе на сайт( http://tut-bce.ru/ ), а как установить незнаю

    • 15 Август 2010

      Ты же уже установил её!

  • 15 Август 2010

    Установил, но она что то не работает
    Я её установил первым способом!
    Кстати поставил, что материал позаимствовал у тебя

  • 15 Август 2010

    Вот посмотри счётчик пишет, что 0 ретвитов, а старый счтчик от твит ме, что 1 и он прав!
    Вот на этой странице http://tut-bce.ru/mini-blog/758-oficialnaya-knopka-retvita-ot-tvittera-ili-dozhdalis-zhal-chto-ne-vovremya.html

    • 15 Август 2010

      Ссылки совпадают?

  • 15 Август 2010

    Всё я понял как надо!
    Не как у вас, хотите могу рассказать как её ставить?

    • 15 Август 2010

      Хммм, у меня она работает отлично :) Делал по предоставленному материалу Mashable !

  • 15 Август 2010

    Незнаю у меня не работало!

  • Торн
    19 Январь 2011

    А можно ли как-то заменить само слово «via»?

    • 24 Январь 2011

      Если в тело сообщений вручную писать, и атрибут via не проставлять.

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