I am working with a group to help promote a charity event. The page I would like to embed is NOT my Facebook profile, but a Facebook page someone has created.
I would like to show that news feed in my webpage. If I need to get info/access from this page, please let me know. If someone else has a working example, please let me know. I have been using jsfiddle.net to draw it up.
Here's the page: http://www.facebook.com/pages/Chefs-Classic-Knock-OUT-Bout/225835004169328
This question is related to
javascript
html
facebook
facebook-page
facebook-feed
Correct me if I am wrong, but it seems that Facebook deprecated the Activity Feed plugin. Additionally there does not seem to be any substitute plugin for activity anymore.
Here is the link: https://developers.facebook.com/docs/plugins/activity
For website developers, another option you have is to follow a working Facebook Graph API tutorial such as this one.
But if you need a quick solution where you can customize and embed a Facebook page feed instantly, you should use website plugins such as this one.
Here's a step by step guide:
Visit the tutorial link to see a live demo there as well.
The Like Box/ Page plugin is basically an iframe and ugly :D
So I created my own free plugin that I call Famax plugin to display FanPage feeds. It's similar to the like box but has a better UI and is more customizable.
Also because the Like box is shown in an iframe with a fixed width and height etc, its not really responsive.
In new page-plugin you can do multiple tabs in your website. The Page plugin lets you easily embed and promote any Facebook Page on your website. Just like on Facebook, your visitors can like and share the Page without leaving your site.
<body>
tag. <div id="fb-root"></div>_x000D_
<script>(function(d, s, id) {_x000D_
var js, fjs = d.getElementsByTagName(s)[0];_x000D_
if (d.getElementById(id)) return;_x000D_
js = d.createElement(s); js.id = id;_x000D_
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId={APP_ID}";_x000D_
fjs.parentNode.insertBefore(js, fjs);_x000D_
}(document, 'script', 'facebook-jssdk'));</script>
_x000D_
<div class="fb-page" _x000D_
data-href="https://www.facebook.com/YourPageName" _x000D_
data-tabs="timeline" _x000D_
data-small-header="false" _x000D_
data-adapt-container-width="true" _x000D_
data-hide-cover="false" _x000D_
data-show-facepile="true">_x000D_
<div class="fb-xfbml-parse-ignore">_x000D_
<blockquote cite="https://www.facebook.com/facebook">_x000D_
<a href="https://www.facebook.com/facebook">Facebook</a>_x000D_
</blockquote>_x000D_
</div>_x000D_
</div>
_x000D_
You can also change the following settings:
Also You can now have timeline, events and messages tabs with the new page plugin:
<div class="fb-page" _x000D_
data-tabs="timeline,events,messages"_x000D_
data-href="https://www.facebook.com/YourPageName"_x000D_
data-width="380" _x000D_
data-hide-cover="false">_x000D_
</div>
_x000D_
If you are looking for a custom code instead of plugin, then this might help you. Facebook graph has under gone some changes since it has evolved. These steps are for the latest Graph API which I tried recently and worked well.
There are two main steps involved - 1. Getting Facebook Access Token, 2. Calling the Graph API passing the access token.
1. Getting the access token - Here is the step by step process to get the access token for your Facebook page. - Embed Facebook page feed on my website. As per this you need to create an app in Facebook developers page which would give you an App Id and an App Secret. Use these two and get the Access Token.
2. Calling the Graph API - This would be pretty simple once you get the access token. You just need to form a URL to Graph API with all the fields/properties you want to retrieve and make a GET request to this URL. Here is one example on how to do it in asp.net MVC. Embedding facebook feeds using asp.net mvc. This should be pretty similar in any other technology as it would be just a HTTP GET request.
Sample FQL Query: https://graph.facebook.com/FBPageName/posts?fields=full_picture,picture,link,message,created_time&limit=5&access_token=YOUR_ACCESS_TOKEN_HERE
Source: Stackoverflow.com