Универсальный магазин для агрегации потоков в социальных сетях

Универсальный магазин для агрегации потоков в социальных сетях
Жизнь может быть легкой. С совершенно новым плагином jQuery Socialist вы можете объединять множество потоков из разных социальных сетей в один современный и элегантный макет на основе сетки. Если в последнее время вы не жили под камнем, у вас будет сильное дежавю, когда вы посмотрите на вывод Socialist по умолчанию. Да, ты прав. Это похоже на Pinterest. Однако, если вы не пользуетесь Pinterest, вы можете заставить Socialist отображать различные потоки в простом представлении списка старой школы.

Социалист: Просто добавь Вода Потоки в массив, они будут автоматически украшены

На момент написания Socialist объединяет потоки Facebook, Twitter, LinkedIn, Flickr, YouTube, Tumblr, Pinterest, Craigslist и Google+. Но это только половина правды, так как Socialist может обрабатывать каждую RSS-ленту. Таким образом, небо является пределом. С Socialist вы можете отображать потоки отдельно или в любой комбинации.

Вы добьетесь этого, просто определив массив данных, который представляет собой потоки, подлежащие агрегированию. После определения массив вызывается в любом контейнере div, который может предложить ваш сайт. Посмотрите на этот пример:

$(‘#mydiv’).социалист({
сети: [
{name:’facebook’,id:’in1dotcom’},
{name:’tumblr’,id:’in1blog’},
{name:’twitter’,id:’in1_’},
{name:’pinterest’,id:’potterybarn/Fall-Weddings-by-Pottery-Barn’},
{name:’youtube’,id:’potterybarn’},
{name:’googleplus’,id:’105588557807820541973/posts’},
{name:’rss’,id:’ http://feeds.feedburner.com/good/lbvp’}
],
МаксРезультаты:4
});

В этом случае у нас будут объединены потоки Facebook, Tumblr, Twitter, Pinterest, YouTube и Google+, сопровождаемые RSS-каналом, предоставляемым через Feedburner. Массив networks, отвечает за функциональность. Я считаю, что код более или менее говорит сам за себя, не так ли?

Мы видим один поток на строку. Параметр name содержит источник потока, например Facebook, а id оснащен целевой учетной записью. Говоря о Facebook, мы передаем целевой профиль, который, конечно, не обязательно должен быть вашим собственным. Google+ по-прежнему заставляет нас передавать загадочную комбинацию цифр, которую они используют для идентификации вашей учетной записи. Если вы загружаете RSS-каналы, id просто содержит URL-адрес фида. Параметр maxResults позволяет ограничить количество вызываемых элементов контента на поток. Приведенный выше пример содержит ограничение до четырех элементов на поток. Параметр является совершенно необязательным, и его не нужно использовать, если вы не хотите ограничивать ввод.

Существует еще несколько параметров. Они, например, определяют, какие части содержимого потока должны быть импортированы. Таким образом, можно сделать так, чтобы сетка отображала только фотографии и отказалась от всего текста или наоборот. Вы можете определить размер плитки или вообще не хотите никаких плиток. Чтобы гарантировать согласованность внешнего вида, вы можете установить максимальную длину заголовков или текстов.

Социалисту требуется jQuery версии 1.6 и выше. Он интегрирует плагины Isotope и Cross Domain Ajax. Оба они не должны вызываться отдельно. Таким образом, для активации Socialist достаточно следующего вызова:

Socialist издается под лицензией MIT, что означает, что его можно бесплатно использовать как в частных, так и в коммерческих проектах. Как это часто бывает, опять же, это плагин Isotope, который ограничивает Socialist для частного использования, поскольку Isotope бесплатен только для частного и некоммерческого использования. Если вы хотите использовать Socialist в коммерческой среде, не платя за лицензию Isotope, вы все равно можете это сделать, но вам нужно отказаться от представления сетки, так как это достигается с помощью Isotope. Это ограничение не влияет на представление списка.

Ссылки по теме: