How to Add the Facebook’s new Send Button

The Send button can be easily added to existing Like buttons or as a standalone feature. Developers currently using the XFBML Like button can include the send=”true” attribute in their Like button code to generate a combined button, and those using an iFrame version of the Like button will need to upgrade to XFBML to display a Send button. The following code will generate a combined Like and Send button:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like href="example.com" show_faces="true" width="450" send="true">
</fb:like>

Developers can add a standalone Send button with the following code:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:send href="example.com"></fb:send>

You can create your own send plug-in here http://developers.facebook.com/docs/reference/plugins/send/. You can also create like and send plug-in togather here http://developers.facebook.com/docs/reference/plugins/like/

Also, it is strongly recommend using Open Graph meta tags on your web pages to control the title, description and image displayed when people use the Send button.

About Zakir Hyder

This entry was written by .

26. April 2011 by Zakir Hyder
Categories: PHP, Social Networking Application Development | Comments