Как добавить Twitter на свой веб-сайт: руководство
Как добавить Twitter на свой веб-сайт: руководство
Настали времена, когда всех людей можно разделить на
два типа: тех, кто использует Twitter и тех, кто этого не делает. Поначалу сервис немного
обескураживает, но не стоит бояться. Если вы все еще сомневаетесь относительно
целесообразности ведения собственного микроблога, просто следуйте за интересными людьми!
В Twitter можно поболтать с друзьями, почитать содержательные твиты
умных людей, узнать подробности из жизни звезд, а что касается новостей – они
всегда первым делом появляются в Twitter! Стоит
подумать о сервисе, как о ленте новостей, ведущейся в реальном времени, как тут
же понимаешь, насколько ценной может стать интеграция Twitter с собственным сайтом. Twitter-аккаунт станет идеальным дополнением к блогу или новостной
ленте. Если вы хотите импортировать записи в Twitter на любой другой онлайн-ресурс (сайт или блог), но не знаете, как это осуществить — сайт МобайлДевайс подскажет, что
нужно сделать!
Twitter посредством виджетов
Сперва мы исследовали несколько замысловатых и
требующих написания кода путей для вставки твитов в собственные странички, но
многие из них оказались просто убийственными по сложности, особенно учитывая
то, что Twitter предлагает такое элегантное и простое в использовании
решение. Виджет Twitter может быть сконфигурирован с
помощью интерфейса, основанного на формах, после чего он может быть
добавлен на любой сайт. Поскольку код генерируется на старом добром JavaScript, он будет работать в любом случае – и на статической HTML-страничке и в шаблоне CMS
(системы управления контентом).
Подобно большинству дополнительных функций Twitter, возможность создания виждетов «прячется» на основном
сайте.
Залогиньтесь на www.twitter.com
и прокрутите страницу вниз до конца. Кликните ссылку «Goodies», выберите «Widgets» и кликните
по ссылке «Widgets for My Website». На ваш
выбор будет предоставлено несколько пунктов.
Выберите ссылку «Profile», и вы увидите, что профиль настроен на показ твитов с
вашего аккаунта. Однако вы можете заменить имя пользователя на любое другое имя
Twitter.Попробуйте: введите другое имя и кликните «Test Settings». Превью
виджета должно обновиться и показать последние твиты с выбранного аккаунта.
Это очень удобно для демонстрации записей в корпоративном блоге или экспорта
твитов какой-нибудь звезды на фан-сайт.
Формирование материала
Кликните ссылку «Preferences» для формирования демонстрируемого материала. Нажмите «Poll for New Results», если
хотите, чтобы ваш виджет периодически обновлялся, пока пользователь
просматривает страничку. Если оставить настройки по умолчанию, то на странице
будут показаны только последние записи в блоге на тот момент, когда страничка
была загружена.
Можно изменить количество демонстрируемых твитов –
по умолчанию эта цифра равна 4. Не забывайте использовать кнопку «Test Settings» для
проверки результата. Вы наверняка заметите, что если не использовать пункт «Include Scrollbar», то
размеры виджета по высоте будут меняться в зависимости от количества и длины
демонстрируемых твитов.
Опция «Timed Interval» позволяет виждету периодически очищать и обновлять
текущий список твитов. Все связанные настройки можно конфигурировать.А теперь
перейдем к некоторым специфическим особенностям.
«Подтягивание» твитов напрямую из одного аккаунта — это неплохо, но виджеты Twitter могут служить
действительно сильным инструментом, если их использовать для демонстрации более
специфических наборов твитов.
Виджеты для Search и List (поисков и списков)
В начале настройка таких виджетов идентична
настройке виджетов для одного аккаунта в разделе «Profile». Однако виджет поисков (Search) позволяет подтягивать твиты, используя одно ключевое
слово. Лучше, если это слово будет хэш-тегом (hashtag). Это позволит быстро настроить ленту для отображения
определенной информации, что сэкономит трафик вашему блогу.
Например, ваш блог
посвящен конкурсу «Евровидение» и нужно отображать «живую» информацию об этом
событии — лучшим решением для сайд-бара в этом случае будет использование Twitter-виджета, настроенного на демонстрацию твитов о конкурсе.
Создание списков (lists)
Списки в Twitter
позволяют создать ленту твитов от определенной группы пользователей. Для
создания списка зайдите на www.twitter.com и посмотрите на столбец «Lists» в панели. Кликните «New List» и в всплывающем окне введите
название и описание списка, убедитесь в общедоступности (public) созданного списка и кликните «Create List». После этого вы автоматически
попадете на страницу, где можете найти пользователей и добавить их в список.
Кроме того, вы сможете добавлять пользователей прямо на страничках «Following» и «Followers». Чтобы добавить кого-то в
свой список, необязательно следовать за ним! После того, как вы создали и настроили свой
список, можно создать виджет для своего сайта.
Как это можно использовать? Допустим, у вас есть список из новостных лент. Ваш виджет будет собирать их информацию в реальном времени
и показывать ее на сайте. Или, если у вас есть командный блог, можно добавлять
твиты каждого его участника в виджет.
Вставка кода
Какой бы Twitter виджет
вы ни создали, в ваших руках будет всесторонний контроль над его местом и
внешним видом на вашем сайте. Сначала кликните «Dimensions», вы сможете изменить размеры виджета или пометить функцию
автоматического подбора ширины и высоты. Кликните «Appearance» — и вы сможете поменять цветовую схему, это можно также
сделать с помощью расширения Colour Pick для браузера Chrome или плагина ColourZilla для Firefox.
После того, как вы настроили
свой виджет, кликните «Finish and Grab Code». Появится форма, содержащая код
вставки. Сам код довольно компактен потому, что большая часть работы
выполняется во внешнем файле JavaScript «widget.js».
Сгенерированный код виджета может
использоваться неоднократно, так что вам не придется возвращаться к описанным
меню. Ширину и высоту можно менять вручную, также как и имя пользователя или
условия поиска. Смена одного типа виджета на другой требует большего
переписывания кода, так что лучшим решением здесь будет повторная настройка
виджета на сайте.
2021-01-05 «EXTREMUM» пополнил свой состав сразу двумя новыми игроками В связи с тем, что в последнее время значительно ускорился процесс ротации игроков между командами, часто бывает сложно уследить за актуальным составом команд в любой кибердисциплине. Не стала...>>
2020-12-23 10 лучших новогодних подарков для настольщика Какой новогодний подарок для друга или ребенка будет самым лучшим? Конечно, настольная игра! Ведь она не только станет приятным сюрпризом для поздравляемого, но и поможет весело провести новогодние...>>
2020-12-10 10 лучших настолок к Новому году Страна активно готовится к Новому году: уже не за горами бой курантов, время оливье и сюрпризов. Многие сейчас активно ищут подарки. Лучшим решением, на наш взгляд, будет настольная игра, поскольку...>>
Исполняется 25 лет с момента выхода первой видеоигры LEGO Не секрет, что LEGO выпускает не только конструкторы, но и множество видеоигр с LEGO-человечками по мотивам популярных франшиз. В декабре исполняется уже 25 лет со дня выхода первой игры компании. С...>>
Наш проект являтся архивом бесплатных и коммерческих программ, которые размещаются авторами и
производителями ПО, либо их официальными представителями. Мы не распространяем нелицензионное ПО, креки,
серийные номера и любую другую информацию, запрещенную законодательством РФ.
