jQuery Plugin For Displaying Social Network Feed - Social Feed
File Size: | 14.7 KB |
---|---|
Views Total: | 22272 |
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:
- Social Feed Plugin with jQuery - SOCIALIST
- jQuery Plugin For Displaying Multiple Social Feeds On One Page
- jQuery Plugin For Displaying Social Network Feeds - beyondsocial.js
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'); } }); });
4. More plugin options.
// a folder in which the plugin is located (with a slash in the end) plugin_folder: '', // a path to the template file template: 'template.html', // show images of attachments if available show_media: false, // min width of media media_min_width: 300, // maximum length of post message shown length: 500, // date format date_format: 'll', // local date_locale: 'en'
Change logs:
2018-05-10
- Updated Graph version to v2.12
2018-01-05
- Support for 140+ tweets
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.