How to Build a Facebook Share Window Into Your Code

You can add Facebook links and buttons to external Websites.

Facebook operates a development program that lets Website designers implement Facebook content on their own sites using HTML. The primary form of external Facebook integration is the Like and Share button, which lets readers or site visitors send a link to their Facebook friends. When someone clicks on a Like or Share button, a Share window opens in the person's browser with a thumbnail image, the URL of the page, and space to add a comment.

Instructions

1. Open a Web browser, and go to Developers.facebook.com.

2. Click on the green "Add Facebook to My Website" button.

3. Go to the "Social Plugins" section of the page, and click on the "Like Button" link.

4. Enter the full address of your website in the "URL to Like" field.

5. Fill in the "Width" field with the number of pixels you want to use for the Like and Share button's width.

6. Open the "Layout Style" drop-down menu, and choose the type of format you want to use for your custom Facebook button.

7. Click on the "Get Code" button.

8. Highlight all of the HTML code in the pop-up window that appears, go to the "Edit" menu, and choose "Copy."

9. Open the HTML code file for your Website and paste the Facebook code in the desired location.

10. Save the updated HTML code file and upload it to your Web server. When visitors go to the Website, they will be able to click on the Facebook button to open a Share window and send the link to their Facebook friends.

References

• Facebook Documentation: Getting Started