3/09/2014

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!


Share :


15 comments:

  1. You are too much boss. Page bookmarked. Will definitely try this once I get on PC. thx for sharing.

    ReplyDelete
  2. Anonymous3/09/2014

    Fantastic. Will try it too but can I use the URL without the picture parameter?

    ReplyDelete
    Replies
    1. Yes, you can use the URL without the picture parameter. Facebook will use one of the pictures on the Page been shared or the one specified with Facebook Open graph meta tag.

      Delete
  3. Anonymous3/09/2014

    well done boss u did a gr8t job here, ple's i will like to talk to u via email but dn't have yur ''email I.D'''

    ReplyDelete
  4. Not workking! It read error

    ReplyDelete
    Replies
    1. Copy and paste the error message here. I'm sure the problem is from your end..

      Delete
  5. Can this work on blog that ends with .blogspot.com

    ReplyDelete
  6. Wondering if you know a way to retrieve/report those posts which have been made using the dialog/feed. To read the posts, display profile pictures of those who shared, etc. There are some report modules in the Facebook Dev section, but those only report aggregated numbers.

    As the users use my 'App' to share, don't I have permission to see who used it and see their posts? Help is greatly appreciated!

    ReplyDelete
    Replies
    1. That's too bad, but thanks for getting back to me.

      In March Facebook launched App Analytics - do you know a way to integrate this with the Dialog Feed function? Or perhaps there's an updated way to have such posting functionality which gives more insights in its usage?

      Delete

We love to hear from you!

Sign in to comment "anonymously" without entering verification text.

Want to be notified when I reply your comment? Tick the "Notify Me" box.

If your comment is unrelated to this post, please drop it at my Facebook group here.

THANKS.

Designed by Jide Ogunsanya.