PHPackages thatsus/social-feed - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. thatsus/social-feed ActiveLibrary thatsus/social-feed =================== v0.1.3(10y ago)042JavaScript Since Oct 20Pushed 10y ago1 watchersCompare [ Source](https://github.com/thatsus/social-feed)[ Packagist](https://packagist.org/packages/thatsus/social-feed)[ RSS](/packages/thatsus-social-feed/feed)WikiDiscussions gh-pages Synced 1mo ago READMEChangelog (2)DependenciesVersions (3)Used By (0) Social-feed =========== [](#social-feed) The jQuery plugin which shows user feeds from the most popular social networks. [![](https://camo.githubusercontent.com/3593cac8e01fc8b58dbc60311c3a4fa3427daac2c47af8b0827c69882b894b79/687474703a2f2f686162726173746f726167652e6f72672f66696c65732f3238362f3835652f3033652f32383638356530336566326234626463386637646135353162333339343236652e706e67)](https://camo.githubusercontent.com/3593cac8e01fc8b58dbc60311c3a4fa3427daac2c47af8b0827c69882b894b79/687474703a2f2f686162726173746f726167652e6f72672f66696c65732f3238362f3835652f3033652f32383638356530336566326234626463386637646135353162333339343236652e706e67) Demo ---- [](#demo) Social networks supported: - Facebook - Instagram - Twitter - Google+ - VK - Blogspot Installation ------------ [](#installation) via : ``` bower install social-feed ``` or download the latest release: Getting started --------------- [](#getting-started) Load dependency CSS: ``` ``` Create a container for your feed: ``` ``` Load dependency javascript ``` ``` Initialize the social-feed plugin: ``` $(document).ready(function(){ $('.social-feed-container').socialfeed({ // INSTAGRAM instagram:{ accounts: ['@teslamotors','#teslamotors'], //Array: Specify a list of accounts from which to pull posts limit: 2, //Integer: max number of posts to load client_id: 'YOUR_INSTAGRAM_CLIENT_ID' //String: Instagram client id }, // GENERAL SETTINGS length:400 //Integer: For posts with text longer than this length, show an ellipsis. }); }); ``` When you run the plugin, make sure that you have your **webserver running** To alter the default post markup, edit `template.html` or pass a template string into the `template_html` parameter. \##All Settings Social-feed.js supports many social networks. If you don't need or want to pull data from them all, remove the ones you don't need. ``` $('.social-feed-container').socialfeed({ // FACEBOOK facebook:{ accounts: ['@teslamotors','!teslamotors'], //Array: Specify a list of accounts from which to pull wall posts limit: 2, //Integer: max number of posts to load access_token: 'YOUR_FACEBOOK_ACCESS_TOKEN' //String: "APP_ID|APP_SECRET" }, // TWITTER twitter:{ accounts: ['@spacex'], //Array: Specify a list of accounts from which to pull tweets limit: 2, //Integer: max number of tweets to load consumer_key: 'YOUR_CONSUMER_KEY', //String: consumer key. make sure to have your app read-only consumer_secret: 'YOUR_CONSUMER_SECRET_KEY',//String: consumer secret key. make sure to have your app read-only }, // VK vk:{ accounts: ['@125936523','#teslamotors'], //Array: Specify a list of accounts from which to pull posts limit: 2, //Integer: max number of posts to load source: 'all' //String: VK API post filter. Possible values: "Owner","Others","all","suggests" }, // GOOGLEPLUS google:{ accounts: ['#teslamotors'], //Array: Specify a list of accounts from which to pull posts limit: 2, //Integer: max number of posts to load access_token: 'YOUR_GOOGLE_PLUS_ACCESS_TOKEN'//String: G+ access token }, // INSTAGRAM instagram:{ accounts: ['@teslamotors','#teslamotors'], //Array: Specify a list of accounts from which to pull posts limit: 2, //Integer: max number of posts to load client_id: 'YOUR_INSTAGRAM_CLIENT_ID' //String: Instagram client id }, // GENERAL SETTINGS length:400, //Integer: For posts with text longer than this length, show an ellipsis. show_media:true, //Boolean: if false, doesn't display any post images media_min_width: 300, //Integer: Only get posts with images larger than this value update_period: 5000, //Integer: Number of seconds before social-feed will attempt to load new posts. template: "tweet.html", //String: Filename used to get the post template. template_html: //String: HTML used for each post. This overrides the 'template' filename option ' \ {{=it.author_name}}{{=it.text}} \ read more \ \ ', moderation: function(content) { //Function: if returns false, template will have class hidden return (content.text) ? content.text.indexOf('fuck') == -1 : true; }, callback: function() { //Function: This is a callback function which is evoked when all the posts are collected and displayed console.log("All posts collected!"); } }); ``` Dependencies ------------ [](#dependencies) - - for displaying icons of social networks. You can remove this dependency by editing replacing .fa icons with images in the template. - - for displaying time ago - - for rendering templates - - for sending requests to Twitter License ------- [](#license) [MIT](http://mit-license.org/) Issues ------ [](#issues) Found a bug or want a feature to be implemented? Please report it here Currently working on the server side: () Let me know ----------- [](#let-me-know) If you use this plugin, please [write me a short message](mailto:pavel@kucherbaev.com) with a link to the project where you embed the plugin, and some features you want to have implemented here. It helps me to stay focused on the important issues. *It is not mandatory, but I really appreciate it!* Do you want to become a part of the Social-feed? Write me and become an active contributor. Check out my other projects: [![Bitdeli Badge](https://camo.githubusercontent.com/a42d8726ec6da87909017a0433b3d571bd76c86345fd3c25f024cf4445481d3e/68747470733a2f2f64327765637a68766c38323376302e636c6f756466726f6e742e6e65742f706176656c6b322f736f6369616c2d666565642f7472656e642e706e67)](https://bitdeli.com/free "Bitdeli Badge") ### Health Score 26 — LowBetter than 43% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity8 Limited adoption so far Community16 Small or concentrated contributor base Maturity54 Maturing project, gaining track record Bus Factor1 Top contributor holds 91% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~0 days Total 2 Last Release 3863d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/eb711bf9c5107c5de3104691c826c451390970e7f4500a66b9f384efadc7d351?d=identicon)[thatsus](/maintainers/thatsus) --- Top Contributors [![pavelk2](https://avatars.githubusercontent.com/u/1285967?v=4)](https://github.com/pavelk2 "pavelk2 (192 commits)")[![foozzi](https://avatars.githubusercontent.com/u/1178208?v=4)](https://github.com/foozzi "foozzi (6 commits)")[![rogeriopradoj](https://avatars.githubusercontent.com/u/443391?v=4)](https://github.com/rogeriopradoj "rogeriopradoj (3 commits)")[![robertsass](https://avatars.githubusercontent.com/u/187246?v=4)](https://github.com/robertsass "robertsass (2 commits)")[![sahanDissanayake](https://avatars.githubusercontent.com/u/5580680?v=4)](https://github.com/sahanDissanayake "sahanDissanayake (2 commits)")[![cabaret](https://avatars.githubusercontent.com/u/625152?v=4)](https://github.com/cabaret "cabaret (1 commits)")[![tiptronic](https://avatars.githubusercontent.com/u/80752?v=4)](https://github.com/tiptronic "tiptronic (1 commits)")[![chirikov](https://avatars.githubusercontent.com/u/3738656?v=4)](https://github.com/chirikov "chirikov (1 commits)")[![der-lukas](https://avatars.githubusercontent.com/u/5270044?v=4)](https://github.com/der-lukas "der-lukas (1 commits)")[![inhumanitas](https://avatars.githubusercontent.com/u/1991249?v=4)](https://github.com/inhumanitas "inhumanitas (1 commits)")[![mmcev106](https://avatars.githubusercontent.com/u/2627854?v=4)](https://github.com/mmcev106 "mmcev106 (1 commits)") ### Embed Badge ![Health badge](/badges/thatsus-social-feed/health.svg) ``` [![Health](https://phpackages.com/badges/thatsus-social-feed/health.svg)](https://phpackages.com/packages/thatsus-social-feed) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)