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

twitter виджет кнопка modx

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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