The masterminds behind Google are pushing an initiative known as OpenSocial which aims to connect many different types of web sites using one single API. One of the fruits of OpenSocial is Google Friend Connect which seems like a technology demo on the surface, but I’ve found a couple of possibly useful gems to utilize. First off, to get started with Google Friend Connect, make sure you are logged in your Google Account, then navigate to http://www.google.com/friendconnect. If all goes well, you should see this screen:
Click “Set up a new site” and you’ll be presented with a wizard to set up your website. I don’t want to focus on this part, but the main four steps to creation are:
Add two required files to your web server
Copy “members gadget” code
Paste into a page on your site
Choose more social features as desired
The focus of this blog post will be step 4. I’m going to show you some of the things you can do with Google Friend Connect which may not be obvious.
The first of the three is done by default once your site is setup: Setup a members gadget. The members gadget lists current members of your website, allows you to view their profiles, and add friends. If this sounds familiar, then you’re not crazy because MyBlogLog offers a very similar service. You’ll find the interface to be similar as well:
The second use is not obvious and is accessible by clicking the Social gadgets link in the sidebar of the Google Friend Connect site. From here, there are a few gadgets to choose from (and I do mean a few). Choose Wall Gadget from the list of options, and it will walk you through the process of adding this gadget to your website. What is a wall gadget? Do you remember Shoutbox? Well, that’s essentially what it is, but this Facebook generation calls it a “wall”. If you’re a fan of the Facebook wall, and want it on your site, you can do so with your Google Friend community. Google takes advantage of its Youtube power and allows you to also embed Youtube videos in the wall. Unfortunately, they’re not truly “embedded’ but offer a javascript popup window of the video. Good enough methinks. Once it is setup, it looks similar to this:
The third use is my favorite. It exists in the same section as the wall gadget and it is called the Review/Rate gadget. This gadget allows your Google Friend community to review or rate your entire site or individual pages.
I believe this is a useful mechanism to solicit feedback from your community. It offers the familiar 5 star system that everyone knows and loves and supports anonymous feedback as well (The wall gadget also has an anonymous option for the daring).
I’ve implemented all three of these social gadgets on bwana.org and will soon implement them on bwana.tv and see it how it goes. As with OpenSocial, the whole Google Friend Connect thing is still fairly new and rough around the edges, but I believe these three gadgets will add value for some of the early adopters out there.
Feel free to join my website by utilizing the members gadget in the sidebar. You can also rate this blog post if you feel it is useful.
Yeah, you're right. There are levels of redundancy that you must consider. I wish you could do a ratings gadget that doesn't require a comment. Hey wait, Geeklad. You write Google gadgets. Why don't you go ahead and write some OpenSocial gadgets for us to use on here
Damn, why do you have to go and create work for me like that. Actually, that is a pretty good idea. I'll have to take a look at the Friend Connect API and see what I can do.
[...] Google Webmaster Central Blog announced it as well). Yesterday, Bwana made a nice write up on three ways to utilize Google Friend Connect, so I decided to go ahead and put it up on [...]
Well, I looked at the code for the ratings Friend Connect gadget to see if I could transform it to remove the comment functionality. There doesn't seem to be an API for Friend Connect and the friendconnect.js file is obfuscated/compressed JavaScript. The ratings gadget is invoked by a method within the friendconnect.js file, rather than loading from a separate XML file that contains the gadget (as iGoogle gadgets do). They do have a sample OpenSocial gadget and you can see the XML file used to render it. Unfortunately, at the moment I'm too lazy to build a gadget from scratch. It doesn't seem like it's gonna happen any time soon since I can't reverse engineer it.
I too have both GFC and Intense Debate on my site. I put GFC in my sidebar and Intense Debate below my individual posts but I kind of like the way you have it set up here. I do wish that the Ratings Widget would more fully collapse when that option is turned on and I too would like to have the option to turn off the comment box in it.
View Comments to 3 Ways To Utilize Google Friend Connect
Bwana (Bwana)
December 4th, 2008 at 1:00 pm
New blog post: 3 Ways To Utilize Google Friend Connect http://tinyurl.com/5t8g5o
Bwana (Bwana)
December 4th, 2008 at 1:00 pm
New blog post: 3 Ways To Utilize Google Friend Connect http://tinyurl.com/5t8g5o
tommyl (Tom Landini)
December 4th, 2008 at 1:35 pm
Here’s a clear explanation and example of how to use Google FriendConnect http://bit.ly/PCl8
tommyl (Tom Landini)
December 4th, 2008 at 1:35 pm
Here’s a clear explanation and example of how to use Google FriendConnect http://bit.ly/PCl8
fruchter (Mike Fruchter)
December 4th, 2008 at 3:56 pm
Reading: 3 Ways To Utilize Google Friend Connect. http://tinyurl.com/5t8g5o
fruchter (Mike Fruchter)
December 4th, 2008 at 3:56 pm
Reading: 3 Ways To Utilize Google Friend Connect. http://tinyurl.com/5t8g5o
Bwana
December 5th, 2008 at 5:44 am
Yeah, you're right. There are levels of redundancy that you must consider. I wish you could do a ratings gadget that doesn't require a comment. Hey wait, Geeklad. You write Google gadgets. Why don't you go ahead and write some OpenSocial gadgets for us to use on here
Bwana
December 5th, 2008 at 5:46 am
Glad I could help!
Bwana
December 5th, 2008 at 5:47 am
I believe the gadgets have to support OpenSocial in order for them to work. I imagine more will be written since its public now.
Bwana
December 5th, 2008 at 5:47 am
Yeah, its definitely a knock-off of the Facebook wall. We'll see what Facebook comes up with regarding Facebook connect.
GeekLad
December 5th, 2008 at 5:51 am
Damn, why do you have to go and create work for me like that.
Actually, that is a pretty good idea. I'll have to take a look at the Friend Connect API and see what I can do.
SM_Watch (Social Media Watch)
December 5th, 2008 at 1:26 am
3 Ways To Utilize Google Friend Connect | Bwana.org http://is.gd/akbY
SM_Watch (Social Media Watch)
December 5th, 2008 at 1:26 am
3 Ways To Utilize Google Friend Connect | Bwana.org http://is.gd/akbY
Don Campbell
December 5th, 2008 at 6:44 am
Hey this is a great post Bwana! You are right, the wall gadget is just like the Facebook one.
Bwana
December 5th, 2008 at 11:13 am
Done yet?
GeekLad
December 5th, 2008 at 12:23 pm
Very nice. I'm gonna have to set this up on my site too. The only thing with the ratings deal is that it introduces redundancy with the comments.
(Just scroll up and look for the exact same comment I posted above.
)
Chris Loft
December 5th, 2008 at 12:39 pm
Thanks Bwana, this is useful, especially finding out where the gadgets are stashed.
Google Friend Connect Goes Live
December 5th, 2008 at 4:41 pm
[...] Google Webmaster Central Blog announced it as well). Yesterday, Bwana made a nice write up on three ways to utilize Google Friend Connect, so I decided to go ahead and put it up on [...]
GeekLad
December 6th, 2008 at 1:01 am
Well, I looked at the code for the ratings Friend Connect gadget to see if I could transform it to remove the comment functionality. There doesn't seem to be an API for Friend Connect and the friendconnect.js file is obfuscated/compressed JavaScript. The ratings gadget is invoked by a method within the friendconnect.js file, rather than loading from a separate XML file that contains the gadget (as iGoogle gadgets do). They do have a sample OpenSocial gadget and you can see the XML file used to render it. Unfortunately, at the moment I'm too lazy to build a gadget from scratch. It doesn't seem like it's gonna happen any time soon since I can't reverse engineer it.
Bwana
December 5th, 2008 at 8:46 pm
Well that sucks
Hopefully someone will rewrite it to meet our special needs
linksgoogle (Links About Google)
December 7th, 2008 at 8:31 am
3 Ways To Utilize Google Friend Connect | Bwana.org http://tinyurl.com/5t8g5o
linksgoogle (Links About Google)
December 7th, 2008 at 8:31 am
3 Ways To Utilize Google Friend Connect | Bwana.org http://tinyurl.com/5t8g5o
gigad0m
December 8th, 2008 at 2:45 am
Nice article. I used friend connect for a while, but went back to intense debate shortly after. It just doesn't offer the same amount of features.
Patrick
December 8th, 2008 at 5:25 am
I too have both GFC and Intense Debate on my site. I put GFC in my sidebar and Intense Debate below my individual posts but I kind of like the way you have it set up here. I do wish that the Ratings Widget would more fully collapse when that option is turned on and I too would like to have the option to turn off the comment box in it.
Bwana
February 13th, 2009 at 2:19 am
Today, I removed the widgets from the Sidebar and I'm utilizing the Google Social Bar on the bottom.
podcam
April 8th, 2009 at 2:55 am
your a cool dude bwana.
ChrisMyles
July 2nd, 2009 at 2:09 am
I noticed you describe adding GFC as your post commenting solution in the blog, but noticed it isn’t that way anymore!!
Just wondering why you switched!! maybe we can discuss it on http://friendfeed.com/chrismyles
jeff
December 15th, 2009 at 6:54 pm
@ChrisMyles & @Bwana
I too wonder what happened to the GFC integration for commenting? Was there a problem with it?