Добавить виджет от 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 где вы сможете сами сформировать себе код виджета для своего сайта

Комментарии

10 комментариев

  • привет, я в коде плохо разбираюсь, как сделать чтобы для определенного пользователя, не по поисковому запросу а под пользователя?

  • @Виталька
    методом рыскания в коде страницы нашел.
    в последней строчке кода должно быть так:
    .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();
    // ]]>

  • С 11-12 июня 2013 перестали отображаться твиты в виджете по этому способу. Может кто подскажет как исправить?

    • Все дело в том что 12 июня Твиттер перешел на новые АПИ функции. Скорей всего с этим все и связано

      • Да, и их новый способ нам не подходит. У нас этот виджет разъезжался при наведении мышкой, а теперь белое пятно. Программистов среди нас нет 🙁

    • Да уже после этого 2 раза API на новую версию переходили, лол. Проще сторонним сервисом восьпользоваться, чем каждый раз код переписывать. НАпример ejfe.ru/widget , или websta.me

Добавить комментарий

Ваш e-mail не будет опубликован.

Sidebar