Телепорт
» » » Social-feed — социальный плагин jQuery

Social-feed — социальный плагин jQuery

Social-feed — социальный плагин jQuery


При разработке веб-приложений очень часто возникает необходимость отображения постов пользователя или сообщества из социальных сетей. У социальных сетей есть свои виджеты, которые подключаются через iframe, со своим внешним видом и стилем. Что если нам нужно отображать посты одновременно из нескольких социальных сетей с возможнстью изменения дизайна отображения? Если это пара twitter и facebook, то существует несколько плагинов, выполняющих эту задачу. Принимая во внимание, что популярность социальной сети Вконтакте на территории СНГ очень высока, то есть необходимость плагина поддерживающего и эту сеть.

Social-feed
jQuery плагин Social-feed позволяет отображать одновременно посты из социальных сетей facebook, twitter и vk. Отображение происходит со сквозной сортировкой по дате.

Online демо работы плагина

Подключение плагина
Сперва подключаем стили и javascript:
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="js/function.js"></script>

Если требуется кэширование постов в cookies, необходимо подлючить следующее:
    <script src="js/json2.js"></script>
    <script src="js/jquery.cookie.js"></script>

Далее создаем контейнер для постов:
   <div class="social-feed-container"></div>

Инициализируем плагин social-feed:
   $('.social-feed-container').socialfeed({
            fb_username:'barack.obama',
            fb_limit:2,
            vk_username:1,
            vk_limit:2,
            tw_limit:2,
            tw_username:'jack',
            length:130,
            cookies:true
        });

  • fb_username, tw_username, vk_username — имена пользователей в соответствующих соц сетях (для vk — id пользователя);
  • fb_limit, tw_limit, vk_limit — ограничение по количеству отображаемых постов из соответствующих соц сетей;
  • length — ограничение длины поста. При превышении этого значения поста будет обрезаться;
  • cookies — кэширование постов в cookies (в текущей версии поддерживается только для twitter при количестве твитов менее 10).


Детали
Стили для этого плагина взяты из twitter bootstrap, действие их распространяется только на содержание контейнера для постов.
У twitter есть ограничение в 150 запросов в час, которое в этом плагине решается кэшированием результатов в cookies (установите для этого cookies:true).
Для того, чтобы через opengraph получить доступ к даже публичной timeline пользователя facebook, необходимо получить access-token. Для этого регистрируем facebook приложение и в файле php/settings.php указываем app_id и app_secret.
В плагине отображаются посты только из тех социальных сетей, к которым при инициализации указаны соответствующие имена пользователей (для vk — id), например, если необходимо показывать только посты из facebook и vk — указываем username только для них.
Изменить внешний вид отображаемых постов можно в шаблоне php/template.php

Исходный код
Github
Demo

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


Скачивание доступно только для зарегистрированных
НАШИ НОВОСТИ
Опубликовано 04 апрель 2014
Представляю вашему вниманию шаблон онлайн кинотеатра с глубокой настройкой под свои нужны OST-ARENA.RU Читать далее...
Опубликовано 18 март 2014
Представляю вашему вниманию, адаптивный новостной шаблон Reades News. Адаптивный дизайн подразумевает, что шаблон будет одинаково корректно отображаться во всех устройствах. Шаблон отлично подойдет для медийных новостей и не только. Обязательно посмотрите видеозапись работы Читать далее...
Опубликовано 16 март 2014
Дизайн Zerotheme, адаптирован для DLE 10.1 by Yurets. Шаблон zBoomMusic позиционируется как шаблон для музыкального портала или музыкального блога. Вверху шаблона расположен слайдер, под слайдером Топ новостей, далее последние добавленные новости. Читать далее...