Home - Stay N Alive

New FBFoundations Features and Updates

Posted on October 27, 2009 by jessestay

You asked for it, you got it. My FBFoundations WordPress plugin for Facebook Connect was built to provide you the basic building blocks to create your own Facebook Connect-compatible blog. The idea being you add the foundations, and then plugin developers can add their own compatible plugins on top of that with little to no additional effort. The first version was a little rough – it required you to have a popup login button the first 3 times a user visited your site (unless they logged in), wasn’t very compatible with 3rd-party comment systems like Disqus, and required some additional effort. It was a pain for me as well.

Today I’m releasing a new version, version 0.4, which has the following updates:

The popup login is now optional, and off by default

There is a new Facebook login button that appears in the sidebar if the user is not logged in. This is in addition to the one above the comments box.

You no longer have to have a specific div with an id of “#commentform” to load the login button for your users

Better support for jquery – since jquery’s built into the latest versions of WordPress, I now load that instead.

Meta support! Now, any blog that implements the FBFoundations plugin will automatically have the correct meta tags to properly format Facebook shares back to Facebook. On each single post, the post’s title and excerpt are loaded correctly in the share to Facebook. If the post has an image, the first image of the post appears with the share as well, instead of forcing you to surf through an endless list of images. It just works.

In addition to the above features, you get the existing features which include:

Pre-loading of Facebook Javascript client libraries

XFBML support out of the box – you should now be able to include XFBML anywhere in your blog, in blog posts, etc.

Automatic authentication and authorization of Facebook users

Now your job is to go create something. Once you install this on your blog you now have a virtual playground for which you can start using the Facebook APIs via Javascript or PHP. You can add some XFBML and do a friend invite form, for example, or maybe replace your comments with an fb:comments XFBML tag. Or maybe you want to get more advanced and start loading some friends via the API and friends.getAppUsers. I’m now going to go and have some fun with my FBShare plugin.

For more information, be sure to check out the official FB Foundations post (which I’m going to update with this post). The download with all the updates mentioned here is version 0.4. You can download it by clicking or copying this link.

Please let me know in the comments if you have any suggestions, bugs, or improvements. I also welcome any patches – this is 100% GPL’d code!

Here’s the link again: http://downloads.wordpress.org/plugin/fbfoundations-facebook-connect-plugin.zip

FBFoundations Facebook Connect Plugin for WordPress

Posted on October 10, 2009 by jessestay

One of my biggest frustrations in adapting Facebook Connect into WordPress blogging has been the fact that most plugins out there either have too much, or too little incorporated into them. When you add more than one, you end up calling the Facebook Javascript Client libraries more than once, and often reinvent the wheel for what other people have done. I mentioned this in a wish-list I posted earlier. I want building blocks – I should be able to add a foundation, and add basic building blocks on top of that foundation to get what I want out of Facebook Connect on my blog.

Today I’m giving you that foundation. I’ve written a WordPress plugin called FBFoundations which sets up the bare-bones necessities of any Facebook Connect install. Once you have installed this plugin, the user can log in, and you have access to their login credentials from then forward to do whatever you want with. It’s a foundation – something to build a house on top of, and my hope is that many more FBFoundations-compatible plugins can emerge from this.

For instance, my next step will be to create a simple plugin for WordPress that uses the stream.publish API to post your blog to Facebook, and enable others to do so (tracking the number of comments and likes along the way if possible). There will be no need to add a user log in to that process, nor do I have to load the XFBML init scripts to render XFBML. It will all have already been loaded for me.

The script works a lot like Richard Miller’s “What Would Seth Godin Do” plugin from a UI perspective. At a default (you can configure this in your preferences) the first 3 times a user visits your blog they will be presented with a popup dialog box encouraging them to connect with Facebook. After those 3 times the popup no longer appears. There will also always be a “Connect with Facebook” login button above your comments (assuming they’re wrapped in a #commentform div) that will appear until the user clicks on it and logs in.

Using this plugin encourages each reader to log in through Facebook (remember – there are over 300 million Facebook users. Chances are most of your readers are on Facebook), and enables you to do cool stuff with each of those readers. Hopefully this will inspire others to make other FBFoundations-compatible plugins so we’re not re-inventing the wheel any more. Stay tuned for more plugins from me – what will you build with this as your foundation?

You can download the plugin here. Just download it and unzip it into your plugins directory in WordPress, activate it, and then add the API key for your website. (You’ll need to go to http://developers.facebook.com to add the developer app and add an app for your website if you haven’t done so already)

Or click here to download:

http://downloads.wordpress.org/plugin/fbfoundations-facebook-connect-plugin.zip

Please let me know in the comments if you see any issues. This is 100% GPL so please make your own adjustments and let me know if I can fix mine!

UPDATE – v0.4 – 10/26/2009: The popup is no longer default and can be turned on/off. Also added meta tag support and better compatibility with 3rd-party comment systems. See this blog post for more info on 0.4.

Here are some screenshots: