地址是这里：

http://www.google.com/friendconnect/admin/site/setup?hl=en_US

关键的四个步骤：加两个必须的文件到你服务器 > 拷贝“members gadget”代码 > 粘贴到你网站页面 > 选择更多喜欢的交际组件。

clip_image002

1. 填写网站名字和网址

clip_image004

2. 下载这两个文件并上传到网站根目录

clip_image006

3. 检测一下网址和要上传的文件是否弄妥

clip_image008

4. 将会员工具的代码粘贴到网站任意页面，使访问者可以籍此登录你的网站，一旦这个工具加上后，还可以选择更多其他社交工具。

clip_image010

5. 定制一下界面（宽窄、颜色、行数），把代码复制下来粘贴到合适的网页。

clip_image012

代码大概是这样：

<!– Include the Google Friend Connect javascript library. –>

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>

<!– Define the div tag where the gadget will be inserted. –>

<div id="div-75122463568332015" style="width:280px;border:1px solid #999999;"></div>

<!– Render the gadget into a div. –>

<script type="text/javascript">

var skin = {};

skin['BORDER_COLOR'] = ‘#999999′;

skin['ENDCAP_BG_COLOR'] = ‘#cc9933′;

skin['ENDCAP_TEXT_COLOR'] = ‘#ffffff’;

skin['ENDCAP_LINK_COLOR'] = ‘#ffff33′;

skin['ALTERNATE_BG_COLOR'] = ‘#ffffff’;

skin['CONTENT_BG_COLOR'] = ‘#ffffff’;

skin['CONTENT_LINK_COLOR'] = ‘#999900′;

skin['CONTENT_TEXT_COLOR'] = ‘#333333′;

skin['CONTENT_SECONDARY_LINK_COLOR'] = ‘#7777cc’;

skin['CONTENT_SECONDARY_TEXT_COLOR'] = ‘#666666′;

skin['CONTENT_HEADLINE_COLOR'] = ‘#333333′;

skin['NUMBER_ROWS'] = ‘4′;

google.friendconnect.container.setParentUrl(’/’ /* location of rpc_relay.html and canvas.html */);

google.friendconnect.container.renderMembersGadget(

{ id: ‘div-75122463568332015’,

site: ‘66580134565482603510′ },

skin);

</script>

将此代码放在合适的网页，将其中<div id="div-75122463568332015" style="width:280px;border:1px solid #999999;"></div>移放在的合适位置即可。

————–

作为初学，我这种方法肯定是最笨拙的，仅作学习记录，这里有个Google Friend Connect 的 WP 插件，看起来不错，有兴趣可学习下：

google-friend-connect-plugins —Google Friend Connect integration with Wordpress, Drupal and PHPBB