Виджет Twitter для сайта


Сегодня я расскажу как усновить виждет Twitter на примере моего сайта. Данная процедура довольно проста и не занимает много времени. Но краткой инструкцией все-таки поделюсь. Итак, начнем.

Заводим аккаунт в Twitter

Регистрируемся на сайте Twitter.com. Если у вас уже есть аккаунт, то этот пункт пропускаем.

Формируем код будущего виждета в Twitter

Заходим в Настройки аккаунта (см. иллюстрацию).

Виджет Twitter для сайта

Заходим в меню Виджеты и кликаем Создать новый.

Виджет Twitter для сайта и кнопка Twitter

После этого у вас должна появиться форма редактирования виджета. Основные настройки здесь:

  • Выбор источника ленты. Если вы хотите покахывать на сайте только свои "твиты", то выбирайте пункт Лента пользователя.
  • Поле Домены. Здесь необходимо указать доменты, к которым вы собираетесь подключить виджеты.

Twitter Укажите домены сайтов, на которых будет размещена эта лента

Так же вы можете сразу увидеть результаты своего труда справа от формы редактирования. Именно так будет выглядеть виджет Twitter у вас на сайте.

После заполнения необходимых полей нажимаем Создать виджет.

У вас должна появиться всплывающая подсказка, что Виджет создан. Под превью виджета появится поле с кодом, который был сгенерирован согласно вашим настройкам (см. иллюстрацию).

Twitter html-код виджета

Теперь нам необходимо строить этот коде к себе на сайт.

Встраиваем HTML-код виджета Twitter на свой сайт

Теперь нам необходимо добавить этот код себе на сайт. У меня использованна система MODx, поэтому буду рассматривать процесс добавления на ее примере. Добавление в другие системы аналогично.

  • Заходим в панель администрирования MODx и создаем новый чанк с именем, например, TWITTER.
  • Вставляем скопированный код виджета в чанк.
  • Жмем Сохранить.
  • Открываем необходимый шаблон сайта Элементы -> Шаблоны -> ВАШ_ШАБЛОН (название вашего шаблона).
  • Вставляем чанк вида в то место шаблона, в котором хотиим его видеть.
  • Жмем Сохранить шаблон.
  • Проверяем что у нас получилось.

А получиться у вас должен такой симпатичный виджет:

Виджет Twitter

Если возникли проблемы с добавлением виджета Twitter на сайт, то пишите. Будем разбираться. Всем успехов!

09.02.2013 Эту страницу просмотрели за все время 7828 раз(а)


ВКонтакте



Twitter


Облако тегов