How to embed a Facebook page s feed into my website

Question

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

User · Answer

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

User · Answer

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    Get a Free Key or Paid Key  Go to this login page and use the key to login  Once logged in  click      Create Custom Feed    button  On the pop up  name your custom Facebook page feed  On the drop-down  select    Facebook Page Feed On Your Website    option  Enter your Facebook Page ID  Click the    Proceed    button  This will show you the customization options  Click the     Embed On Website    button located on the upper-right corner of the screen  On the pop up  copy the embed code by clicking the    Copy Code    button  Paste the embed code on your website    Visit the tutorial link to see a live demo there as well

User · Answer

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

User · Answer

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 amp limit 5 amp access token YOUR ACCESS TOKEN HERE

User · Answer

Ahhh  that s super simple  no programming required     See  https   developers facebook com docs plugins page-plugin  You ll want to keep the show stream option turned on   You can adjust width and heigth and a few other things

User · Answer

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    Include the JavaScript SDK on your page once  ideally right after the opening  lt body gt  tag      x000D   x000D   lt div id  fb-root  gt  lt  div gt  x000D   lt script gt  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 amp version v2 5 amp appId  APP ID    x000D    fjs parentNode insertBefore js  fjs   x000D    document   script    facebook-jssdk     lt  script gt  x000D   x000D   x000D     Place the code for your plugin wherever you want the plugin to appear on your page     x000D   x000D   lt 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  gt  x000D     lt div class  fb-xfbml-parse-ignore  gt  x000D       lt blockquote cite  https   www facebook com facebook  gt  x000D         lt a href  https   www facebook com facebook  gt Facebook lt  a gt  x000D       lt  blockquote gt  x000D     lt  div gt  x000D   lt  div gt  x000D   x000D   x000D    You can also change the following settings     Also You can now have timeline  events and messages tabs with the new page plugin    Timeline Tab  Will show the most recent posts of your Facebook Page timeline  Events Tab  People can follow your page events and subscribe to events from the plugin  Messages Tab  People can message your page directly from your website  People need to be logged in to use this feature     x000D   x000D   lt 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  gt  x000D   lt  div gt  x000D   x000D   x000D

[javascript] How to embed a Facebook page's feed into my website

Examples related to javascript

Examples related to html

Examples related to facebook

Examples related to facebook-page

Examples related to facebook-feed