Интеграция блога (продолжение)

Я обещал рассказать, как интегрировать блог от Google на свой сайт, в продолжение этому посту добавлю, что в свойстве category объекта feed переменной data содержатся ярлыки, таким образом можно улучшить навигацию по блогу, разбив его на соответствующие категории. Прошу заметить, что URL источника данных у нас не касается блога, а по сути Feed'а (RSS).

Итак, в результате запроса у нас имеются следующие данные (в качестве примера приведу свой блог):


{
     "version": "1.0",
     "encoding": "UTF-8",
     "feed": {
  ...
          "category": [{
               "term": "Веб-разработка"
          }, {
               "term": "Инструментарий"
          }],
  ...
}
Как видно, в "category" хранятся все наши ярлыки. Теперь достаточно создать контейнер для наших ярлыков (не забыв назначить для него ID для удобства использования), и «залить» туда наши ярлыки, притом сделав их ссылками на функцию в javascript, осуществляющую загрузку постов соответствующих выбранному ярлыку.

Итак, контейнер:

<ul id="categories"></ul>


Код, ответственный за заливку ярлыков в контейнер:

var catHTML = "";
for(f=0;f<data.feed.category.length;f++){
     catHTML+=`<li><a href="javascript:showBlog('`+data.feed.category[f].term+`');">`+data.feed.category[f].term+`</a></li>`;
}
$('#categories').html(catHTML);
Вот и все!) ЗЫ: В этой серии постов, я рассказал, как интегрировать блог от Google на свой сайт, так вот, дело в том, что в свое время у меня появилась необходимость сделать все вышеописанное для своего сайта, так что его можно воспринимать как работающий пример такой интеграции).

Комментарии

Популярные сообщения из этого блога

Fontello

Подключение тяжелых библиотек

Анимация курсора в Атоме