• Admin
  • Receive an Update




    Facebook Feed Dialog Tutorial




    Feed Dialog is one of the sharing options provided by Facebook for webpages. It prompts a person to share an individual story to a profile's timeline without the need of extended permissions. It's the backbone of the "share on Facebook to download" concept on my Free eBooks page. You can also use it to post to Facebook with a "via my blog name" link.





    Unlike the Facebook Share Dialog, the Feed Dialog lets you customize how you want your story or update to appear after sharing it on Facebook. You can specify the Facebook feed dialog picture, title (name), caption, description etc. You can even specify how the dialog should be rendered eg Facebook feed dialog popup.



    For you to integrate Facebook Feed Dialog with your website, you will need the Facebook App ID of the site.



    If you don't know the Facebook App ID of your site, read: How To Get Facebook Application ID and Secret Key.




    Facebook Feed Dialog Example




    In this Facebook dialog tutorial, I will show you how to create a dialog like the one below:








    facebook feed dialog with link







    ==> Edit the Facebook Feed dialog URL below with your appID.




    https://www.facebook.com/dialog/feed?

      app_id=150436614997987

      &display=page

      &description=Free eBooks are available for download on this page every week. Click this link to get yours!

      &link=http://www.ogbongeblog.com/p/free-ebooks.html

      &redirect_uri=http://www.facebook.com

      &name=Download Free EBooks Every Week

      &picture=http://3.bp.blogspot.com/-9VkGy2XbXCw/UxRmQMmJT6I/AAAAAAAAJiM/Mk8zCpd7ei8/s1600/free_ebook2.jpg



    Also carefully change the description, link, name as desired. Also change the Facebook feed dialog picture to a link that links to a picture you want to use.



    You can change the Facebook Feed dialog redirect_uri from www.facebook.com to a link that links to a page on your site.



    Once you are through with the editing, copy and paste it in your browser address bar and hit "enter" or "OK". You should see a dialog similar to the screenshot above.





    If you prefer a caption to replace the link under the title (name), you can use the URL below.




    https://www.facebook.com/dialog/feed?

      app_id=150436614997987

      &display=page

      &description=Free eBooks are available for download on this page every week. Click this link to get yours!

      &link=http://www.ogbongeblog.com/p/free-ebooks.html

      &redirect_uri=http://www.facebook.com

      &name=Download Free EBooks Every Week

      &picture=http://3.bp.blogspot.com/-9VkGy2XbXCw/UxRmQMmJT6I/AAAAAAAAJiM/Mk8zCpd7ei8/s1600/free_ebook2.jpg

      &caption=Email, Phone Number NOT required!



    Take note of the caption parameter.



    This will generate a dialog similar to the one below:




    facebook field dialog with caption



    You will notice that the link has been replaced by the caption.



    That's all.



    You can customize it further using the Facebook feed dialog parameters.



    To create "share to download" with this, shorten the URL, then link a Facebook Share icon to the shortened URL as seen here.



    I hope this helps.



    If you've got questions, contributions etc kindly relay them via comments.



    Cheers!

    More Articles


    Make use of Smilleys Codes

    Quick Help!

    Having issues? Need quick fix? simply email me or call me

    Learn more

    Write For Us

    Submit a guest post and see it get published real quick

    Learn more

    Advertise Here

    Place relevant banners, links, and sponsored posts at affordable rate.

    Learn more

    Get notified on FB