Как и обещал, начинаю новую рубрику о популярном сервисе микро-блогов 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. На самом деле список в итоге будет верным, так как скрипт сам добавит пункты списка вместе со ссылками. В общем, если вас это не пугает, то можете пользовать фишку в таком виде. Лично я себе ее так и прикрутил.
Изучаем правила игры в покер для начинающих.
Следуй за миссис Марпл: розы в саду
использую плагин для jQuery, там функционал побольше
Ответить
Спасибо! Как всегда 100% пользы. :)
Ответить
Спасибо, Светлана!
Дмитрий, jQuery - стоящая вещь. Не хотите ли написать гостевой пост на эту тему?
Ответить
Спасибо!!! Обязательно вставлю в свой блог
Ответить
Доброй ночи!
К вопросу о качестве информации в Twitter
На сон грядущий просматривал новости и увидел
http://www.gzt.ru/topnews/world/281659.html
“Жертвой первого “твиттер-убийства” стал житель Гарлема”
Я случайно подписался на какой-то микроблог и кинул туда просто замечание по поводу предыдущего сообщения. Неделю на ящик валил спам - еле отписался.
Или есть возможность фильтровать поступающую информацию?
С уважением и всем доброй ночи!
Ответить
В ближайшем посте я напишу свои соображения по поводу использования twitter. А какого рода спам приходил на мыло? Обычно с твиттера приходят лишь уведомления о тех, кто вас зафолловил и о личных сообщениях в DM.
Ответить
Спасибо за отличный пример!!!
Для разруливания проблеммы с валидатором я заменил символ & на & в ссылке таким образом:
http://twitter.com/statuses/user_timeline/ваше-имя-в-твиттере.json?callback=twitterCallback2&count=5
В результате страница проходит валидатор w3c
Ответить
j0, не совсем понятно что на что поменяли. Опечатка?
Ответить
Извиняюсь. Просто в тексте ссылки перед указателем на число выводимых твиттов заменил & на _&_ :)
Ответить
Ага, понятно. Окей! Попробуем :)
Ответить
А не знаете как из списка выводимых твитов убрать реплаи?
Ответить
Увы, данный способ этого не предусматривает. Возможно, есть какой-то плагин, позволяющий отсекать реплаи, но я пока о таком не слышал.
Ответить
Проблема с валидацией решается легко. пишем:
.
(:
Ответить
iapetya 29.10.2010
тьфу ты…. все теги съехали
<ul id=”twitter_update_list”>
<li style=”display:none”>.</li>
</ul>
Ответить
Игорь Квентор 29.10.2010
А что, вполне остроумное решение :)
Ответить
Еще проще: заменить ul на div. Скрипт сам “нарисует” li
Ответить
Master 19.01.2012
@Master, И, в догонку. Вот рабочий пример - www.master-sv.com/master
Ответить
Игорь Квентор 22.01.2012
@Master, примера не увидел. В чем смысл такой замены?
Ответить
Master 22.01.2012
@Игорь Квентор,
А смысл замены в том, чтобы, как можно меньшим количеством плагинов забивать блог. Вот и все.
Есть масса вариантов интеграции практически любого кода в блог, без использования дополнительных плагинов.
Если есть более простой выход - зачем мучаться с плагином, который не во всех темах работает корректно?
Ответить
Игорь Квентор 22.01.2012
@Master, при чем здесь плагин? В посте речь идет о парочке скриптов, прописываемых непосредственно в шаблоне.
Ответить