Recently Facebook introduced Send Button, which lets users to privately share websites, video and links with their friends. Facebook has extended the functionality of Send Button, allowing users to add their own messages to the link they share.
The new dialog was designed for activities that a user may want to only share with specific people, which makes it particularly useful for ecommerce, travel, and event websites. You can see the Send Dialog today on Airbnb, Gogobot, Keepsy, Jetsetter, SniqueAway, and Viagogo. These sites use the new dialog to let you tell friends about products, get advice, and coordinate plans. For example, Keepsy’s integration lets you build a custom photo album and send a message to the friends in the photos.
Send Dialog does not require any special user permissions and can be integrated using Facebook’s standard platform dialog framework. You can generate the Send Dialog with the following sample code:
<html xmlns:fb="http://www.facebook.com/2008/fbml"> <body> <script src="http://connect.facebook.net/en_US/all.js"></script> <div id="fb-root"></div> <script> // assume we are already logged in FB.init({appId: '123050457758183', xfbml: true, cookie: true}); FB.ui({ method: 'send', name: 'Facebook Dialogs', link: 'https://developers.facebook.com/docs/reference/dialogs/' }); </script> </body> </html>
This displays an iframe to users that have authorized your application and a similar popup window to non-users:
Alternatively, you can direct people to the dialog on Facebook:
http://www.facebook.com/dialog/send? app_id=123050457758183& name=Facebook%20Dialogs& link=http://developers.facebook.com/docs/reference/dialogs/& redirect_uri=http://www.example.com/response/
