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.
In this Facebook dialog tutorial, I will show you how to create a dialog like the one below:
==> Edit the Facebook Feed dialog URL below with your appID.
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.
Take note of the caption parameter.
This will generate a dialog similar to the one below:
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!
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:
==> 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=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi03uxdYcdi8zP2HEhRKEE6odmIN_OxH6IiMEiCVqYMaExGDWIktkh-6jQsk-4X5ZXL2JiXfvsC5IyTG6qv4jW9b3jwkWbYs5m2PLZfGQRfh8SU0gjOYTvl6s1s668m2M5S84hckyG9cGSj/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=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi03uxdYcdi8zP2HEhRKEE6odmIN_OxH6IiMEiCVqYMaExGDWIktkh-6jQsk-4X5ZXL2JiXfvsC5IyTG6qv4jW9b3jwkWbYs5m2PLZfGQRfh8SU0gjOYTvl6s1s668m2M5S84hckyG9cGSj/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:
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!
You are too much boss. Page bookmarked. Will definitely try this once I get on PC. thx for sharing.
ReplyDeleteYou're welcome Jerry
DeleteFantastic. Will try it too but can I use the URL without the picture parameter?
ReplyDeleteYes, 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.
DeleteIt worked.
ReplyDeleteGood to know. Enjoy man!
Deletewell 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'''
ReplyDeleteCheck the contact page.
DeleteNot workking! It read error
ReplyDeleteCopy and paste the error message here. I'm sure the problem is from your end..
DeleteCan this work on blog that ends with .blogspot.com
ReplyDeleteWondering 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.
ReplyDeleteAs 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!
No, I don't
DeleteThat's too bad, but thanks for getting back to me.
DeleteIn 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?