Friday 5 September 2014

How to Embed Live Facebook Page Feed to Your Website / Blog

41 comments
how-to-embed-live-facebook-feed-to-website
Step 1)Open http://goo.gl/enl24o
Step 2)Copy Code and Paste where you wish to embed live facebook feed widget.
Step 3)Replace Your FB-PAGE-ID with your Facebook Page Id(If you don't know whats your Facebook page Id watch the video below.
Step 4)Done. You have embedded facebook live feed on your website.
Steps to be followed to embed Live Facebook feed widget to your website
Code to Embed Live Facebook Page Feed to Your Website
<iframe src="https://www.facebook.com/plugins/likebox.php?href=
https%3A%2F%2Fwww.facebook.com%2fYOUR-FB-PAGE-ID-HERE&width=600&
colorscheme=light&show_faces=true&border_color&
stream=true&header=true&height=435" scrolling="yes"
frameborder="0" style="border:none; overflow:hidden;
width:600px; height:430px; background: white;
float:left; " allowTransparency="true">
</iframe>

41 comments:

  1. does this work sill? i have tried it with several page ids and its giving a href error

    ReplyDelete
    Replies
    1. Yes it works... Replace the Facebook page Id correctly....

      Delete
    2. can you make video off how to replace it or what to replace?

      Delete
  2. Hmm... not working for me for some reason.

    ReplyDelete
    Replies
    1. "The file or directory could not be found."

      I've confirmed that the name is correct. Even tried other accounts.

      Delete
    2. I guess you have to import JavaScript SDK before use this code. I've done this here and works fine.

      Btw, thanks for the code!

      Delete
  3. This worked like a charm. I looked at about 50 sites trying to find something that would work. This was the only one that came close. It works with my musician page and not just my main account. Perfect, thanks a million!

    ReplyDelete
  4. Works fantastically, easy to manipulate, change colours, size etc etc - just get facebook id from here though, its heaps easier, http://findmyfacebookid.com/ - copy the number and replace text as per video - Done and done!!! :D Will be seen on our revamped site soon (probably around 9th Oct 2014) http://www.hydrographicsaustralia.com.au

    ReplyDelete
  5. can' get it to work correctly - replaced the ID definitely right..

    ReplyDelete
  6. this is awesome. thanks. worked flawlessly.

    ReplyDelete
  7. Are there any other facebook plugins like this one?

    ReplyDelete
    Replies
    1. Yes there is Famax. Try out the live edit demo, its really fun and easy to use :)
      http://buildwithcards.com/famax_demo_3/famax_live_edit.html

      Delete
    2. Hi Jake , It seems Famax link is not working...?

      Delete
    3. Famax has been upgraded. You can find the free version here - http://www.codehandling.com/p/codehandling-free-plugins.html

      Good Luck :)

      Delete
  8. This comment has been removed by the author.

    ReplyDelete
  9. Does this need additional code to work?
    I've added my page information and can see the code if I inspect the page,
    however it still appears as just a blank space.

    ReplyDelete
  10. Does this work on Joomla sites? I'm just getting a blank white box.

    ReplyDelete
  11. Excellent widget! Thanks. Users: Do not include the "https://www.facebook.com/" portion of your FB page url when you paste it into Mr. Kumar's code.

    ReplyDelete
  12. Am trying to build a website with Dreamweaver CC3 software on html codes, but when am tried to copy and past the facebook feed code on my html page it keeps on showing blank page, when i view it on my local host system. Please what should i do

    ReplyDelete
  13. Don't see the code anywhere.

    ReplyDelete
  14. Don't see the code anywhere.

    ReplyDelete
  15. The code is there. It shows just 2 lines but it is there. Just select the entire text iframe to iframe under the video above and copy it. Most of the code is hidden but will be the entire code after you paste it.

    ReplyDelete
  16. Could you please advise how to load this code to my Google site?

    I've tried simply pasting in the html code but I couldn't get this to work.

    Do I need to use an iframe embed gadget? If so, do I need to save the code first as a .xml or .html file and upload it as Google site attachment?

    Hope this makes sense. Thank you for the code. If I can get it to work, it would be fantastic.

    I'm desperately trying to get the website operational for a national sailing championship this coming weekend.

    ReplyDelete
    Replies
    1. Found out that by changing <iframe src="http://www... to <iframe src="https://www... and just pasting in the html code, it worked perfectly. Thank you.

      Delete
  17. Is it possible to display 'posts to page' or the feed from a Facebook Group? Thanks

    ReplyDelete
  18. Does it work in a joomla 3 website?

    ReplyDelete
  19. Hi
    I am trying to use your script.
    The page I want to show within my webpage is this : https://www.facebook.com/wheeliemachine.net/
    But I have tried various ways but I cannot seem to get it to work.
    I have tried
    1. wheeliemachine.net/
    2. wheeliemachine.net
    3. wheeliemachine

    All without luck.
    I hope you can help solve the problem.
    Many Thanks
    Artur

    ReplyDelete
  20. All I get is :
    Error: Not a valid Facebook Page URL.

    ReplyDelete
  21. Hi LA CUSTOM,

    THis might help.



    ReplyDelete
  22. Try replacing Http with https.,


    https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fwheeliemachine.net&width=600&colorscheme=light&show_faces=true&border_color&stream=true&header=true&height=435"


    Please like my page also http://facebook.com/awesomewallpaper.tk

    http://we-are-addictive.blogspot.in/2016/09/wheelie-wwheelie.html

    ReplyDelete
  23. Hey Chahit, we just re-designed our Famax PRO plugin for Facebook Pages. A small demo of the plugin - http://demos.codehandling.com/famax-pro/famax-live-edit-demo.html

    ReplyDelete
  24. For me it works when i looged in FB from my browser. When I logged out my webpage didn't show posts

    ReplyDelete
  25. not working. does it not work on weebly ?

    ReplyDelete
  26. this code not working for me.

    ReplyDelete
  27. Not working. Showing blank white space.

    ReplyDelete
  28. is there any way to add Facebo0k group?

    ReplyDelete
  29. didn't wok with our website!
    www.beyazeller.org

    ReplyDelete
  30. Found out that by changing YOUR-FB-PAGE-ID in the given code.
    and just pasting in the html code, it worked perfectly. Thank you.
    Android change vector drawable color programmatically

    ReplyDelete