- Create a Facebook App ID For XFBML (and HTML5) Social Plugins
- Add Facebook Open Graph Protocol Meta Tags to WordPress
- Add Facebook Like Button to WordPress
- Add Facebook Comments Box to WordPress
- Add Facebook Recommendations Plugin to WordPress
- Add Facebook Like Box Plugin to WordPress
Register Your Website
Head over to the register your app page and enter in the following:
- App name: whatever you want to call your app.
- App Namespace: leave this blank.
- Web Hosting: do not check.
Select ‘Continue’, fill in the Security Check CAPTCHA, and click ‘Submit’. Now go to your Developers Dashboard and you should see your new app listed along the left side of the screen. Click your new app and select the ‘Edit App’ button that appears in the upper-right. You’ll be greeted with a page displaying your Basic Application settings.
Here you will see your Facebook App ID, App Secret, and links to edit all your settings. This is the information you’re going to need in order to use all the cool integration stuff. You can optionally add a logo (icon), descriptions, contact info, etc.
Make sure these settings are set
- Under where it says, “Select how your app integrates with Facebook”, select ‘Website’ and enter the URL of your site including
http://and the trailing
- In the left column click ‘Advanced’ and make sure the App Type is set to ‘Web’.
Now that you have your Facebook App ID you can start using the Like button, comment box, etc. to do some really interactive stuff.
If you’re getting any errors (Facebook Linter), here are a few things to check:
- Go to https://developers.facebook.com/apps
- The new app you created should be listed on the left-hand side. Click it.
- On the right-hand side it will show you the settings for that app and there will be a link that says “Edit Settings”. Click that link.
- You should now be on a page that lists the Basic settings for your app. Towards the bottom there is a section titled “Select how your app integrates with Facebook”. Make sure “Website” is checked and the “Site URL” is set to your domain including http:// and the closing /. (e.g. http://designpx.com/). If not, correct it and click “Save Changes”.
- Now look back at the navigation list of links on the left sidebar and select “Advanced” under the Settings link.
- On the top, under “Authentication”, make sure the App Type is set to Web. If not make the correction and Save Changes.
- One last thing, go to the nav links on the left sidebar again and this time choose “Roles”. Make sure under “Administrators” it show you (your personal Facebook account) as an administrator. If not, add yourself and select Save Changes.