Добавить виджет от Twitter на свой сайт
К сожалению, на текущий момент статья устарела.
Представляю вашему вниманию интересные виджеты от сервиса Twitter, которые придадут вашему сайту динамики и возможно более современный вид.
На данный момент Виджет может выводить на вашем сайте:
- последние твиты от какого-либо пользователя,
- все твиты по какому-либо поисковому запросу,
- наиболее понравившиеся вам твиты из избранного,
- все твиты от определенного списка пользователей, который вы зададите.
Код блока формируется автоматически, по заданным вами настройкам оформления и функционала вам всего лишь надо добавить его на сайт в нужное вам место.
Выглядеть это все будет примерно так:
| Твиты пользователя @habrahabr |
Твиты c тегом #asus |
| Избранное в Твиттере согласно @GoogleRussia |
Твиты пользователей из списка NBA пользователя @twitter |
Код всего этого добра будет выглядеть примерно следующим образом:
<script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'search', search: '#asus', interval: 6000, title: 'Твиты по тегу', subject: 'Asus', width: 250, height: 300, theme: { shell: { background: '#8ec1da', color: '#ffffff' }, tweets: { background: '#ffffff', color: '#444444', links: '#1985b5' } }, features: { scrollbar: false, loop: true, live: true, hashtags: true, timestamp: true, avatars: true, toptweets: true, behavior: 'default' } }).render().start(); |
И напоследок ссылка на этот сервис от Twittera где вы сможете сами сформировать себе код виджета для своего сайта
привет, я в коде плохо разбираюсь, как сделать чтобы для определенного пользователя, не по поисковому запросу а под пользователя?
@Виталька
методом рыскания в коде страницы нашел.
в последней строчке кода должно быть так:
.render().setUser(‘@имя_пользователя’).start();
Виталька, для этого измените type: ‘search’ на type: ‘profile’. А также .render().start(); замените на .render().setUser(‘ваш логин в твиттере’).start();
Спасибо! помогли!))
Вот так?
// <![CDATA[
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 5000,
width: 300,
height: 300,
theme: {
shell: {
background: '#0C83D4',
color: '#ffffff'
},
tweets: {
background: '#ffffff',
color:'#555555',
links: '#0C83D4'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'default'
}
}).render().setUser('@VadimVolos').start();
// ]]>
А как надпись внизу «Join the conversation» поменять на «Читать»?
С 11-12 июня 2013 перестали отображаться твиты в виджете по этому способу. Может кто подскажет как исправить?
Все дело в том что 12 июня Твиттер перешел на новые АПИ функции. Скорей всего с этим все и связано
Да, и их новый способ нам не подходит. У нас этот виджет разъезжался при наведении мышкой, а теперь белое пятно. Программистов среди нас нет 🙁
Да уже после этого 2 раза API на новую версию переходили, лол. Проще сторонним сервисом восьпользоваться, чем каждый раз код переписывать. НАпример ejfe.ru/widget , или websta.me