Want more of Bwana? Check out my audio podcast and video podcast
 

3 Ways To Utilize Google Friend Connect

In: geek

4 Dec 2008

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:

Google Friend Connect: Add social features to your site

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:

  1. Add two required files to your web server
  2. Copy “members gadget” code
  3. Paste into a page on your site
  4. 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.

  1. 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 Inquisitr
    Image taken from inquisitr.com

  2. Google Friend Connect: Add social features to your site

    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:

    GFC

  3. 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.
    Which Gaming Console Should You Buy This Holiday? | Bwana.org

    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.

Update: Here’s Google’s official video

Related posts:

28 Responses to 3 Ways To Utilize Google Friend Connect

Avatar

Bwana (Bwana)

December 4th, 2008 at 1:00 pm

New blog post: 3 Ways To Utilize Google Friend Connect http://tinyurl.com/5t8g5o

Avatar

Bwana (Bwana)

December 4th, 2008 at 1:00 pm

New blog post: 3 Ways To Utilize Google Friend Connect http://tinyurl.com/5t8g5o

Avatar

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

Avatar

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

Avatar

fruchter (Mike Fruchter)

December 4th, 2008 at 3:56 pm

Reading: 3 Ways To Utilize Google Friend Connect. http://tinyurl.com/5t8g5o

Avatar

fruchter (Mike Fruchter)

December 4th, 2008 at 3:56 pm

Reading: 3 Ways To Utilize Google Friend Connect. http://tinyurl.com/5t8g5o

Avatar

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 :)

Avatar

Bwana

December 5th, 2008 at 5:46 am

Glad I could help!

Avatar

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.

Avatar

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.

Avatar

GeekLad

December 5th, 2008 at 5:51 am

Damn, why do you have to go and create work for me like that. :-D 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.

Avatar

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

Avatar

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

Avatar

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.

Avatar

Bwana

December 5th, 2008 at 11:13 am

Done yet? :) :) :)

Avatar

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. :-D )

Avatar

Chris Loft

December 5th, 2008 at 12:39 pm

Thanks Bwana, this is useful, especially finding out where the gadgets are stashed.

Avatar

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 [...]

Avatar

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.

Avatar

Bwana

December 5th, 2008 at 8:46 pm

Well that sucks :( Hopefully someone will rewrite it to meet our special needs :)

Avatar

linksgoogle (Links About Google)

December 7th, 2008 at 8:31 am

3 Ways To Utilize Google Friend Connect | Bwana.org http://tinyurl.com/5t8g5o

Avatar

linksgoogle (Links About Google)

December 7th, 2008 at 8:31 am

3 Ways To Utilize Google Friend Connect | Bwana.org http://tinyurl.com/5t8g5o

Avatar

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.

Avatar

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.

Avatar

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.

Avatar

podcam

April 8th, 2009 at 2:55 am

your a cool dude bwana.

Avatar

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

Avatar

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?

Comment Form

Additional comments powered by BackType

About Bwana

  • Host of Bwana.org Radio & Bwana.TV. Gamer, movie lover, faithful husband, and certifiably crazy. He is all over the internets if you look closely

    [Podcast] BDOR 241 - Free MAG DLC? Unpossible!: Microsoft Confirms Copy/Paste in Windows Phone 7 Coming. First MAG ... http://ping.fm/47JJQ 16 hrs ago

Social

  • Adam Tucker: Just don't drop off the internet all together :). I really enjoy your podcasts and personal views o [...]
  • Erik: "No related posts." That's almost poetry, huh? I miss your posts, but it's important to do t [...]
  • ET: Well at least I for one hope you keep doing some kind of new media content!! I know the feeling [...]
  • Mike: I really loved your iPhone related videos. All of your videos are awesome and your audio podcast is [...]
  • AG: Thank you Bwana for all of your help. I was able to successfully install Windows 7 on my brand new [...]


Powered by Rackspace Cloud Hosting - Formerly Mosso
Powered by Rackspace Cloud Hosting