Although it’s been a number of weeks since I integrated Google’s Friend Connect on EricHerboso.com, I never bothered to write about it because it was by far the easiest install EVER. Installing it literally consisted of going to Google’s web site, hitting a few buttons, typing in a few characters, and then it was over. Google made things super easy.
Installing Facebook Connect, on the other hand, has been an immense pain. Every step I took in getting it to work has been a step lined in tears of sweat. Everything that could possibly go wrong has in fact gone wrong, and it was the most irritating install ever. Horrifyingly, on my second attempt, I even followed an inane video entitled “Add Facebook Connect to your blog in 8 minutes!“. And while following their directions were not hard, it took more like 45 minutes, and at the end of it, it didn’t work at all. Which is severely fucked up, since the video was literally posted only three days earlier. (The sticking point was their usage of uid=’loggedinuser’ — it turns out that ‘loggedinuser’ cannot be called by uid through xfbml. Which makes the entire video pointless.)
I also tried a custom installation by modifying some code I found at a spanish-only site. It was a terrible mess by the time I got through with it, and has since been removed completely. (I don’t speak spanish.)
But today, during my lunch hour at work (okay, I used 1.75 hours), I finally got facebook connect to work on my WordPress install. And it’s all thanks to some helpful code supplied by Adam Hupp. You can see a partial documentation of it on the facebook developer’s wiki. (I’ve already edited a few bits in the Q&A session and plan on fleshing out the article a bit more later on to clarify some of the more complicated parts used to customize how facebook connects to wordpress.)
Anyway, thanks to Adam Hupp, it’s now a pretty seamless installation procedure. Just follow the directions at http://wiki.developers.facebook.com/index.php?title=WP-FBConnect if you want to add it to your own wordpress installation and you’ll see what I mean.
So please try out the new system. If you’re already logged in on my blog, log yourself out and come back to this page. You should see a ‘log in with facebook’ button right above the comment section. You can log in that way, or, alternatively, if you’re already logged in to facebook, you should see a box in the top right of your screen that asks you if you want to log in with facebook. Either login method should get you set up, and then all you have to do is enter in a comment and it should connect directly to your facebook account.
However, there a few caveats.First, it breaks in IE. After numerous investigations, I’ve come to find out that this is an issue on facebook’s end, and not an issue with the code I currently have on my site. Facebook connect does not currently work in IE no matter how you try to make it work. I think this is an xfbml issue, though I may be wrong.
Second, it’s fussy in firefox. It doesn’t seem to like the way the code is being executed. Sometimes it works right away, and sometimes it logs meout unexpectedly for no apparent reason. I can’t seem to find the error here, even though I’ve combed through everything. If you’re using firefox, and it won’t let you login, try refreshing the page. It should work then.
These browser issues aside, it works perfectly in Chrome / Safari. So if you really want to see it work seamlessly, I suggest opening this page in one of those browsers. I know that’s a terrible way of getting code to work, but it’ll have to do for now. I’ll let someone else do the legwork on figuring out what’s causing the firefox issue and get it fixed as soon as I see the corrected code posted online.
Anyway, please leave a comment and help me test to see if this works. Oh, and let me know what browser you used to post the comment with, too.