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

Потребность

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

Social-feed

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

Online демо работы плагина ^[2]

Подключение плагина

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

Исходный код

Github: https://github.com/pavelk2/social-feed ^[1]
Demo: http://gitbox.ru/Social-feed/ ^[2]

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

Автор: pavelk2

Источник ^[6]