Простой способ добавить бесплатный новостной контент на свой сайт

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

Ручная загрузка регулярных обновлений может отнимать много времени. К счастью, есть простой способ показывать бесплатный, пригодный для чтения новостной контент на самые различные темы.

Мы рассмотрим быстрый и эффективный метод подключения RSS (Really Simple Syndication — очень простой сбор сводной информации) кода для добавления новостного контента на любой сайт. В первую очередь, давайте узнаем, что такое RSS, и как он работает.

Что такое RSS?

RSS — это онлайн решение, которое предоставляет автоматические обновления веб-контента. Скажем, вы добавляете на свой сайт RSS код для международных новостей из популярных источников, таких как CNN, Агентство Рейтер или BBC. Пользователи могли бы иметь доступ к новым ссылкам на контент так часто, как источник обновлял бы свою новостную ленту. Другими словами, вы получаете выгоду от предоставления самой последней информации онлайн, без каких-либо усилий с вашей стороны.

Бытует мнение, что трудно добавить необходимый код для работы RSS в пределах структуры сайта. Возможно, именно из-за этого заблуждения RSS остаётся чрезвычайно малоиспользуемым ресурсом.

Типичная RSS лента (от BBC) выглядит примерно так:

http://feeds.bbci.co.uk/news/world/rss.xml

Когда XML документ обновляется в BBC, новая информация автоматически отображается на любом сайте, который включил вышеупомянутый URL для получения новостей.

Вы можете найти RSS ленты по всему интернету, просто ищите маленькую оранжевую иконку с точкой и двумя волнами над ней. Доступна самая последняя информация на самые различные темы, начиная от международных новостей, финансовой информации, известиях о новшествах пищевой индустрии, и заканчивая последними сообщениями в области растений и садоводства.

Как добавить любой RSS канал на свой сайт

Итак, теперь, когда мы хорошо понимаем, что такое RSS и каковы его возможности, давайте перейдём к тому, как правильно включить нужный код в свой сайт, чтобы получить все перечисленные выгоды.

Google Feed API

Google разработал чрезвычайно удобный метод отображения данных RSS лент, через его Feed API. Используя этот метод, вы можете показать любую новостную ленту, добавив несколько простых строк Javascript в свою веб-страницу.

Чтобы начать использовать Feed API, вставьте следующий скрипт в раздел head своей веб-страницы, ниже области мета тегов, перед закрывающимся тегом head:

Затем вставьте следующий код в нужную область страницы (там, где должна быть лента):

После загрузки страницы в интернет, вы должны увидеть следующее:

Ширина вертикальной динамической ленты новостей из четырёх стеков, по умолчанию, установлена на 440 px, но она может быть отрегулирована на основе ограничений размера данной области в пределах страницы, или HTML таблицы, в которую она была помещена.

Указатель ленты постоянно вращается между статьями, отображая ссылку и краткое описание каждой новости.

Настройка ленты

Вы можете вручную изменить переменные в следующем выражении:

Как было отмечено, вы можете увеличить или уменьшить ширину показа. Margin также может быть изменен. Если, к примеру, вы хотите добавить больше пространства над блоком новостной ленты, выражение margin-top может быть увеличено на 20 px, или больше.

Изменение источников новостей

Новостную ленту также можно очень просто обновить, разместив новый источник новостей.

Скажем, вы устали от ленты BBC и хотите вместо неё включить новости CNN. Необходимые настройки могут быть сделаны в следующей строке:

var feed =”http://feeds.bbci.co.uk/news/world/rss.xml”;

RSS код BBC нужно заменить на код CNN следующим образом:

var feed =”http://rss.cnn.com/rss/edition_world.rss”;

Подобные настройки для отображения международных новостей от Агентства Рейтер повлекли бы за собой следующие изменения:

var feed =”http://feeds.reuters.com/Reuters/worldNews “;

Выводы

Как показывает этот урок, включить в свой сайт новостную ленту достаточно быстро и просто. Такой код можно вставить в домашнюю или любую внутреннюю страницу сайта.

Как только вы приобретёте навык интегрирования Feed API, обратите внимание ещё на несколько опций из developers.google.com.