Отображать мои твиты на моем сайте с помощью JavaScript

В первой части мы увидели, как отображать свои твиты на сайте или в блоге с помощью PHP-скрипта. Этот скрипт, отображающий твиты из любого аккаунта в Twitter, позволяет построить агрегатор, чтобы оставаться в курсе событий.

Но можно сделать еще проще благодаря инструментам Twitter решил предложить блогерам упростить свою задачу.

Обновление 2013 года: API эволюционировал, и для доступа к сервису требуется код аутентификации. Приведенный ниже код больше не работает. Его можно заменить внешним API вроде Twitter Fetcher. На время, по крайней мере.

Как это работает

Добавить контейнер, ID которого распознается кодом Twitter:

<fieldset id="tweets"><legend>Tweets</legend> 
<div id="twitter_update_list"></div> 
</fieldset> 

Тип контейнера является лишь примером; что важно, так это ID: twitter_update_list, который используется функцией twitterCallback2 в сценарии blogger.js.

Добавьте две строки JavaScript на веб-страницу после кода контейнера, желательно в нижней части страницы:

<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/scriptol.json?callback=twitterCallback2&count=8">
</script>

Замените «scriptol.json» именем учетной записи, используя расширение json.

При необходимости измените число отображаемых сообщений с count = n, где - это число .

Этот код разработан Twitter, чтобы избежать рассылки спама на их сайт и получать контент только через регулярные промежутки времени, а не при каждом посещении страницы пользователем !

Демонстрация

Твиты

Код CSS

Внешний контейнер и подпись:

#tweets
{ 
 border: 4px double green;
 max-width:700px;
 padding:16px;
}
#tweets legend
{ 
 color:green;
}

Список твитов:

#twitter_update_list li
{
 list-style-type:none;
 color:black;
}

В этом примере мы создаем поле с двойной границей и список без маркеров.