Добавление twitter-ленты на блог

Дата: 11.01.2010 | Автор: Игорь Квентор | Рубрика: Twitter |

Тэги: , ,

twitterlenta.pngКак и обещал, начинаю новую рубрику о популярном сервисе микро-блогов Twitter. Полезняшки будут нацелены в первую очередь не на тусовочные моменты, а на всевозможные фишки практического характера: от добавления ленты твитов к себе на блог и до различных сторонних программных и пр. фенечек.

Enjoy!

Twitter победоносно шагает по стране миру. Если вы еще не там, то поспешайте, пока бесплатно. Те, кто уже в теме, возможно, захотят добавить на свой сайт (блог) небольшой список последних твитов со своего аккаунта. Сделать это можно различными способами. Есть масса готовых плагинов. Есть даже симпатичные варианты на современном jQuery.

Однако самый простой способ, на мой взгляд, это добавить прямо в шаблон сайта (в подвал) парочку ссылок на javascript, лежащих на самом twitter.com. А в сайдбаре разместить заголовок и список ul с соответствующим идентификатором.

Рассмотрим подробнее.

В подвале сайта (файл footer.php, если ваш сайт на Wordpress), прямо перед закрывающим тэгом </body> поместим следующее:

<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/ваше-имя-в-твиттере.json?callback=twitterCallback2&count=5"></script>

Эта пара ссылок подключает файлы javascript, лежащие непосредственно на сайте twitter.com. Во второй из них есть собственная настройка на количество выводимых твитов — count=5. Вы можете менять это число по своему усмотрению. И не забудьте вместо слов “ваше-имя-в-твиттере” вставить собственный логин.

Но где и как будут выводиться эти твиты? Чаще всего в блогах их размещают в сайдбаре. Поступим так же. Для этого в файле sidebar.php находим удобное место и добавляем следующий код:

<h3>Twitter</h3>
<ul id="twitter_update_list">
</ul>

Список с идентификатором twitter_update_list и есть тот якорь, что указывает javascript-у где прицепить твиты. Все просто и доступно. Единственный минус данного подхода — невалидный код. Валидатор W3C будет ругаться на недопустимость использования пустого списка. По сути он прав, так как список ul нельзя использовать без вложенных тэгов li. На самом деле список в итоге будет верным, так как скрипт сам добавит пункты списка вместе со ссылками. В общем, если вас это не пугает, то можете пользовать фишку в таком виде. Лично я себе ее так и прикрутил.

rss Подпишитесь на RSS

Или получайте новости на ваш e-mail:

Комментарии (10) на запись “Добавление twitter-ленты на блог”

  1. DPolyakov 11.01.2010 15:38

    использую плагин для jQuery, там функционал побольше

  2. Светлана 11.01.2010 16:09

    Спасибо! Как всегда 100% пользы. :)

  3. Игорь Квентор 11.01.2010 17:28

    Спасибо, Светлана!

    Дмитрий, jQuery - стоящая вещь. Не хотите ли написать гостевой пост на эту тему?

  4. Кирилл Иваха 12.01.2010 19:13

    Спасибо!!! Обязательно вставлю в свой блог

  5. Михаил 13.01.2010 01:27

    Доброй ночи!
    К вопросу о качестве информации в Twitter
    На сон грядущий просматривал новости и увидел
    http://www.gzt.ru/topnews/world/281659.html
    “Жертвой первого “твиттер-убийства” стал житель Гарлема”
    Я случайно подписался на какой-то микроблог и кинул туда просто замечание по поводу предыдущего сообщения. Неделю на ящик валил спам - еле отписался.
    Или есть возможность фильтровать поступающую информацию?
    С уважением и всем доброй ночи!

  6. Игорь Квентор 13.01.2010 02:49

    В ближайшем посте я напишу свои соображения по поводу использования twitter. А какого рода спам приходил на мыло? Обычно с твиттера приходят лишь уведомления о тех, кто вас зафолловил и о личных сообщениях в DM.

  7. j0 23.02.2010 19:05

    Спасибо за отличный пример!!!
    Для разруливания проблеммы с валидатором я заменил символ & на & в ссылке таким образом:
    http://twitter.com/statuses/user_timeline/ваше-имя-в-твиттере.json?callback=twitterCallback2&count=5
    В результате страница проходит валидатор w3c

  8. Игорь Квентор 25.02.2010 11:33

    j0, не совсем понятно что на что поменяли. Опечатка?

  9. j0 25.02.2010 22:24

    Извиняюсь. Просто в тексте ссылки перед указателем на число выводимых твиттов заменил & на _&amp_ :)

  10. Игорь Квентор 25.02.2010 23:28

    Ага, понятно. Окей! Попробуем :)

Трэкбеки

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