Blogger не для чайников: Кто твиттнул? Продолжение. TweetBack

Как я и обещал в прошлой статье Счётчик Twitter. Кто твиттнул? - продолжение. Тоже о твиттере "твитнутых" постах.

Сегодняшнее изобретение называется Boastful, новая tweetback библиотека, а по-простому, jQuery скрипт/плагин, который, посредством открытого api искалки topsy.com, заводит на страницу блога и аватарки и мессадж твитта в его полном виде. Блюдо в готовой форме приправлено стилями (css), для того, что бы всё смотрелось современно, и не было стыдно.

Подозреваю, что автор сего детища хотел сделать в блоге понты вроде trackback, только с помощью твиттера, на самых козырных постах. Такое точно уже было в комментах от Disqus ↓

Тем не менее, это привлекательный манёвр: соблазнить гостя твиттнуть статью, взамен появления ссылки и аватарки своей учётки твиттера в той же самой статье.

Не могу протестить отклик topsy.com, от которого запитан этот скрипт, Boastful, пока кто-нить ещё не твиттнет этот пост (тыцка твиттера наверху, try it!).

Демо (поднесите к аватарке курсор мыши):

Установка.
Продвинутый мод для конкретного url.
1) Библиотека jQuery - само собой (кто не в курсе - внизу блога юзаем встроенный поиск от Яндекса)
2) Скрипт jquery.boastful.js и стили boastful.css "ложим" на внешний хостинг и отправляем ссылками в <head></head>, а-ля:

<link rel="stylesheet" href="http://хостингггг/boastful.css" type="text/css" media="screen" title="boastful css" charset="utf-8">
<script type="text/javascript" src="http://хостингггг/jquery.boastful.js"></script>

3) В нужном/желаемом месте подключаем скриптом:

  <script>
  $(document).ready(function() {
    $('#boastful').boastful({
      location: 'http://ваша-супер-пупер-страница'
    });
  });
  </script>

Дополнительные опции (у меня не заработали):
empty_message - текст: "никто не твиттнул, будь первым"
limit - число аватарок на странице (лимит - 50).
Собственно это не столь нужно, можно поменять настройки и надпись "empty_message: 'No one\'s mentioned this page on Twitter yet.", предупреждающую, что никто не твиттнул, в самом скрипте jquery.boastful.js.

И код контейнера. Тоже кладётся на "место происшествия":

<div id="boastful"></div>

Автоматический trackback (реакции).
Чтобы заставить Boastful обрабатывать любой url (ссылка) блога, нужно из шага №3 убрать параметр location, т.е. привести к такому виду:

<script>
$(document).ready(function() {
$('#boastful').boastful();
});
</script>

Местоположение таких трекбеков (или как здесь называется tweetback) - низ статьи. Его можно с помощью css оформить в рамочку и т.п.
При установке в Blogger все ссылки и коды можно поместить в html гаджет, кроме ссылки на шаблон стилей (css), там он обрабатываться не желает.

Тонкость: скрипт выводит данные из topsy, который вместе с твиттером не особо архивирует данные, поэтому древние твитты отображаться, скорее всего, не будут.

Страничко tweetback плагина Boastful здесь.

Теперь о птичках ↓

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

Я с удовольствием (при наличии времени) сделаю описание (пример) и/или поставлю открытую ссылку на подобную статью в вашем блоге. Конечно блог должен быть нормальным, не ГС (думаю, с этим проблем нет).

Сегодняшняя тематическая ссылка:
Авторский плагин от Ивана Шамшура с очень точными рейтингами в виде звёзд + продолжение статьи.
Рейтинги довольно необычные: звезды считаются половинками. четвертинками и т.д.

Кто твиттнул? Продолжение. TweetBack

5 комментариев: