Facebook OpenGraph WordPress Plugin Configuration





1. Download the Facebook OpenGraph WordPress plugin

2. Upload and unzip the plugin in the `/wp-content/plugins/` folder

3. Activate the plugin through the ‘Plugins’ menu in WordPress admin

4. Go to the plugin configuration wordpress menu.

5.Create a new Facebook Application, using the Facebook developer application.
Step 1: Accept the permissions dialog.

Step 2: Press create button.

Step 3: Select a name for the applicacion (Your site name).

Step 4: Configure your site URL and domain.

Step 5. Configure the Canvas URL and App Namespace (needed for the new invitations system, Facebook Request 2.0):

From the WordPress plugin admin (main options), you can select to redirect the Facebook canvas url to your site.
If your site support HTTPS, also configure the “Secure Canvas URL”.

Read more about creating a Facebook app….

6. Use the Facebook App info to configure the WordPress plugin (Application ID and Secret).

7. Activate the basic Facebook social plugins (like, activity and recommendations).

8. Activate the Facebook user login and registration, and sends comments to Facebook.





9. Important: If you don’t see the Facebook plugins or login button and user photos (on IExplorer), you need to modify your “header.php” theme file:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
......
Plugin Download and more information

157 thoughts on “Facebook OpenGraph WordPress Plugin Configuration”

  1. Hi,

    I Am back.

    Clicking on login does nothing. It just goes grey when clicked on but no login. This is on a MAC and on all flavours of Browser.

    I had to login to leave this message. Which I did through your site. I am now logged in on my site as well now. Clicking on logout has no affect.

    How do I sort this out, please.

    Regards,

    Simon.

  3. I had the old version 3 of fbconnect, it worked ok up until a month ago, when it stopped. Why I don’t know. Maybe Facebook changed something…

    So I installed the latest version 4 of fbconnect today. And my site is now completely unreachable. No wordpress login page, no html page, nothing. Just a blank white page. Regardless of which browser I try – Chrome, Firefox, IE…

    So what can I do now??

    My site is http://cleverkevin.com

  4. I had the old version 3 of fbconnect, it worked ok up until a month ago, when it stopped. Why I don’t know. Maybe Facebook changed something…

    So I installed the latest version 4 of fbconnect today. And my site is now completely unreachable. No wordpress login page, no html page, nothing. Just a blank white page. Regardless of which browser I try – Chrome, Firefox, IE…

    So what can I do now??

  6. Hi. I see that the plugin works fine on this site, but I’m trying to make it work on a wordpress theme and it behaves really strange:

    - when you log in, you don’t get redirected to home, or the page you were on, you get redirected to one specific post of a custom type, and I still haven’t found what’s so special about that post and how’s it different from all others

    - when you log in, at first everything is normal, but after a refresh or when you go to another page, my wrapper layer get pushed down by 30px. Firebug doesn’t show anything, so it’s probably some facebook specific code that makes the gap. Any idea how to catch it and hide the gap? If it were always there, I could remove it in css, but it doesn’t happen the first time you log in, before you go to another page.

    Any ideas?

Leave a Reply