cloud gadget image
This application lets you show names of your community rotating within a cloud in your website. Visitors can click on a member's name to learn more about them and become friends.
Configuration and customization:
When you install it, you have to set at least first two parameters (others are optional):
  • cloudWidth: width of the cloud (pixel);
  • cloudHeight: height of the cloud;
  • maxDisplay: number of recents friends that will be showed in the gadget;
  • xAxis: x-scaling;
  • yAxis: y-scaling;

Moreover, you can also customize all colors (see the image below) of this gadget:
cloud demo image
On GFC official page there is the following message:
We're retiring Friend Connect on March 1, 2012. Find out how you can keep in touch with your community.

This means the gadget is no longer available.
Maybe, i'll decide to change its structure and create a new version with new features and/or new layout.
Rapid installation:
If you already know the settings for your site and have "YOUR GOOGLE FRIEND CONNECT SITE ID", then copy and paste the following code into your website but take care to set the parameters (highlighted in red below) according to your needs:
<script type="text/javascript" src=""></script>
<div id="div-7791692969327865583" style="width:px;"></div>
<script type="text/javascript">
var skin = {};
skin['ALTERNATE_BG_COLOR'] = '';
skin['BG_COLOR'] = '';
skin['CONTENT_TEXT_COLOR'] = '';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
{ id: 'div-7791692969327865583',
}, skin);
If you have not a "GOOGLE FRIEND CONNECT SITE ID" or you are not sure about settings to use, please choose the standard installation.
Standard installation:
Follow these steps to install this gadget on your website:
  1. Set your website - if not already done - on your Google Friend connect account
  2. Locate this gadget in the gadgets gallery and then click on "Get this gadget"
  3. Choose options for it
  4. Click "Generate Code" under "Create the HTML code"
  5. Copy the code and paste it into your website where you'd like this gadget to appear
  6. Enjoy!