Ask your WordPress questions! Pay money and get answers fast! (more info)

Plugin Social Feed to Facebook and Twitter WordPress

Hello,

I'm tying to create a custom social wall using Isotope that is responsive... I have the front-end code figured out, but need to "plug" it in, so I can pull data from Facebook and Twitter and display it as shown in the link below.

[[LINK href="http://redone.org/_dev/socialgrid-fluid-isotope/"]]Example[[/LINK]]

I'm not looking for a plugin, just PHP code that I can then implement into a theme I'm working on.

Ideally, I would be able to enter the following:
1. Facebook ID
2. Twitter screen name
3. Total number of items to display

I realize there will be a need to enter Consumer key, Consumer secret, Access token and Access token secret from Twitter.

Any help would be appreciated.

Answers (3)

2014-07-01

Sabby Sam answers:

Hi Michael Brumm,
Apologies, what I understood is you need a solution to pull social stream. This is one of the plugin which pulls the social stream [[LINK href="http://codecanyon.net/item/jquery-social-stream/2103997"]][[/LINK]]
(http://codecanyon.net/item/jquery-social-stream/2103997 ), If it does work then great.
The another ways is that you need Facebook and Twitter Api to do this. There are many example. I guess the first solution will help. If it doesn't work I will help you with the another solution.
Do let me know.
Thanks


Sabby Sam comments:

Hi Michael Brumm,
Apologies, what I understood is you need a solution to pull social stream. This is one of the plugin which pulls the social stream [[LINK href="http://codecanyon.net/item/jquery-social-stream/2103997"]][[/LINK]]
(http://codecanyon.net/item/jquery-social-stream/2103997 ), If it does work then great.
The another ways is that you need Facebook and Twitter Api to do this. There are many example. I guess the first solution will help. If it doesn't work I will help you with the another solution.
Do let me know.
Thanks


Michael Brumm comments:

Thanks Sabby Sam,

I actually bought that plugin, but it was a bit of overkill (too complex for my needs)... I spent quite a bit of time trying to simplify it and tweak the isotope layout to go from fixed width to fluid width to match the design, but became quite the unusable mess.

I figured it would be better to start from scratch and simplify the code from the get go... Access both Facebook and Twitter APIs to bring back a feed from each network then display them both as one feed in chronological order from newest to oldest.

Let me know if you need anything else from me.

Thanks,
Michael


Sabby Sam comments:

Hi Michael Brumm,
Twitter :
This is the link for Twitter Api ( the below link will provide you various solution to do with twitter api )
https://dev.twitter.com/docs/twitter-libraries. Twitter Api always seems to be very tough, you need to store the tweets in your database. See the PHP list. I have made the Twitter campaign with this one ( https://github.com/ricardoper/TwitterOAuth ), you can use either this one or the list of api from the official link of twitter. With my given solution it won't take much time to get all tweets.

Facebook :
For Facebook you need to use Facebook SDK kit and you will get it from official facebook developers page. This is the one of tutorial where you could give a try http://johndoesdesign.com/blog/2011/php/adding-a-facebook-news-status-feed-to-a-website/. I haven't done with this but I have tried as an example for long time ago. I have done few campaigns in facebook using facebook sdk. here is the one http://codecanyon.net/item/facebook-voucher-generator-app/6033769?WT.ac=portfolio&WT.z_author=themefantasy

I guess the above two will help you. let me know I have done the twitter one in demo site. I can show you private message.
Thanks


Sabby Sam comments:

Also I was thinking why you should not give a try to some one with the purchased plugin, I believe some one can do it easily. Making with twitter and facebook is always been headache. Lets wait for other people answer I guess some one can give you quick solution.

2014-07-01

Spencer Tomosvary answers:

Hi,

I realize you're asking for code and not a plugin, but I just used TwineSocial and it was pretty easy.
You can see it live on the bottom of the homepage here: KandyCare.com


Michael Brumm comments:

Thanks Spencer for the recommendation.

However, I need to go in a different direction (and not be tied to a third-party service)... All of the social wall plugins I've come across have a fixed-width implementation of isotope... The desired effect I'm looking for would be a fluid responsive implementation of isotope, as mocked up in [[LINK href="http://redone.org/_dev/socialgrid-fluid-isotope/"]]my demo here[[/LINK]]. Essentially, I just need to plug this page in to the feeds.

Good to know TwineSocial is out there, hadn't heard of it before. Thanks again, Spencer, for the heads up.

2014-07-01

Dbranes answers:

Hi, just wanted to mention another approach:

We can use the [[LINK href="http://codex.wordpress.org/Function_Reference/fetch_feed"]]code examples provided in the Codex[[/LINK]] for the <em>fetch_feed()</em> function:

$url = 'https://www.facebook.com/feeds/page.php?format=rss20&id=5281959998';
$rss = fetch_feed( $url );


I found this [[LINK href="https://www.facebook.com/feeds/page.php?format=rss20&id=5281959998"]]feed [[/LINK]]for the NYT Facebook page.

And similar for the Twitter feed (but I'm not sure if it's still available in api v1.1 ?)

Then we can:

- Create a custom post type called "social" (for example).

- Use <em>wp_insert_post()</em> to add only the new feed data.

- Use <em>WP_Query()</em> to query the latest "social" posts from Facebook and Twitter.


Maybe this approach would fit your needs?

ps: If you're using a third party social feed service, then you might also use this method.