The jQuery plugin which shows a user feed from the most popular social networks.
Currently are supported: Facebook, Instagram, VK, Google+, (Twitter is currently not supported)
If you use this plugin, please write me a short message with a link to the project where you embed the plugin, and some features you want to have implemented here. It will help me to stay focused on the important issues and see the global picture!
It is not mandatory, but I really appreciate it!
Attention: After Twitter has prohibided an anonymous fetching of tweets - this function is currently not supported. Wait an update with a fix.
Connect css and js:
<link href="css/jquery.socialfeed.css" rel="stylesheet" type="text/css">
<script src="//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>
Create a container for your feed:
<div class="social-feed-container"></div>
Initialize the social-feed plugin:
<script>
$('.social-feed-container').socialfeed({
fb_username:'pavel.kucherbaev',
fb_limit:2,
fb_token:'YOUR_FACEBOOK_TOKEN',
vk_userid:36603,
vk_limit:2,
vk_source:'all',
google_access_token: 'YOUR_GOOGLE_PLUS_TOKEN',
google_userid: 'YOUR_GOOGLE_USER_ID',
google_limit: 2,
google_media: true,
igm_userid:23686378,
igm_client_id:'YOUR_INSTAGRAM_CLIENT_ID',
igm_limit:2,
/*tw_limit:2,
tw_username:'jack',*/
length:130,
show_media:true
//cookies:true
});
</script>
When you run the plugin, make sure that you have your webserver running
If you want to change the layout of the feed, you can do it in the template.html file.
If you don't need to show the feed from all the supported social networks, put the credentials only for those you need.
The Facebook requires an access token in order to get the feed of the user (even if it is public).
To use Facebook feed, please register an application, generate a token and
put it in fb_token.
Attention! The current version of the plugin does not fully support IE browser. Please follow the process of solving issues for IE.