jQuery Plugin For Displaying Social Network Feed - Social Feed

jQuery Plugin For Displaying Social Network Feed - Social Feed
File Size: 692 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Social Feed is a simple jQuery plugin that allows to retrieve and display status, posts, images from different social networks. It currently supports Facebook, Google plus, Instagram, Twitter and VK.

You may also be interested in:

How to use it:

1. Include jQuery library and jQuery Social Feed on your web page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/jquery.socialfeed.utility.js"></script>
<script src="js/jquery.socialfeed.js"></script>

2. Create a container for the plugin

<div class="social-feed-container"> </div>

3. The javascript

$(document).ready(function(){
$('.social-feed-container').socialfeed({
// FACEBOOK
facebook:{
  accounts:['#dolomiti'],
  limit:2,
  access_token:'150849908413827|a20e87978f1ac491a0c4a721c961b68c'
},

// GOOGLEPLUS
google:{ 
  accounts: ['#dolomiti'],
  limit: 2,
  access_token: 'AIzaSyDpNQcIwQf5TcKmI8B0rh3e4OodIywJP14'
},

// Twitter
twitter:{
  accounts: ['#dolomiti'],
  limit: 2,
  consumer_key: 'eZe0Sk4GdH7LKWTlotow', // make sure to have your app read-only
  consumer_secret: 'j35RWFf6JntvQP9qEWfdzroVCpz4YLnWWIhrdlNw', // make sure to have your app read-only
 },

// VKONTAKTE
vk:{
  accounts:['#dolomiti'],
  limit:2,
  source:'all'
},

// INSTAGRAM
instagram:{
  accounts:['#dolomiti'],
  limit:2,
  client_id:'2c6d2173ae9d41de905236e6301e5a43'
},

// BLOGSPOT
/*blogspot:{
  accounts:['@iman-khaghanifar']
},*/

// GENERAL SETTINGS

// A folder in which the plugin is located (with a slash in the end)
plugin_folder: '',

// Maximum length of post message shown
length:200,

// A path to the tamplate file
template: 'template.html', 

// Show images of attachments if available
show_media:true,

// Moderation function - if returns false, template will have class hidden
moderation: function(content){
  return  (content.text) ? content.text.indexOf('fuck') == -1 : true;
},

// update_period: 5000,
// When all the posts are collected and displayed - this function is evoked
callback: function(){
  console.log('all posts are collected');
}
});
});

Change logs:

2016-06-17

  • Use Twitter id_str instead of id when you create a Twitter only feed

2015-11-24

  • fixed for instagram.

2015-11-19

  • RSS : fix url attribute
  • Pinterest : Add a default pin link if no element.link

2015-11-17

  • Remove unneeded trailing comma, which can break this script on some parsers
  • Add date attribute to the content object + fix RSS date format + RSS urls option is now an array

2015-10-15

  • prevent a moment.js console warning due to Twitter's poor date format.

2015-06-01

  • added callback when all posts have loaded

2015-05-13

  • Fix: Twitter timestamps were wrong when localized

2015-04-08

  • Fixed media_min_width bug, that would not retrieve the actual native image-width, but the resized one

2015-02-16

  • Twitter created_at fix approached with format specification

2014-10-06

  • update.

2014-10-04

  • Add bower support.
  • Fix some typos.

2014-10-02

  • Fix of small image size for Facebook posts

2014-07-05

  • blogspot support

2014-07-04

  • fixing typo.

2014-07-03

  • renamed Facebook token to access_token

2014-07-03

  • updated google + credentials

2014-06-30

  • Update.

2014-06-28

  • Update.

2014-06-23

  • redesigned user interface

2014-06-16

  • @users and #tags support

2014-05-05

  • add callback support.

2014-04-26

  • add callback support.

2013-12-11

  • Add Instagram support.
  • GooglePlus fix

2013-09-14

  • Add support google plus.
  • Twitter is currently not supported

This awesome jQuery plugin is developed by pavelk2. For more Advanced Usages, please check the demo page or visit the official website.