Testing Google Friend Connect

Google Friend Connect is now open for everyone, allowing you to add certain social gadgets to your site. The set-up requires you to upload two files to your root (called “canvas.html” and “rpc_relay.html”), and then you can pick embed code for different gadgets. I’ve embedded gadgets below, and may update and edit this post during the testing…

var skin = {};
skin[’HEIGHT’] = ‘385′;
skin[’BORDER_COLOR’] = ‘#cccccc’;
skin[’ENDCAP_BG_COLOR’] = ‘#e0ecff’;
skin[’ENDCAP_TEXT_COLOR’] = ‘#333333′;
skin[’ENDCAP_LINK_COLOR’] = ‘#0000cc’;
skin[’ALTERNATE_BG_COLOR’] = ‘#ffffff’;
skin[’CONTENT_BG_COLOR’] = ‘#ffffff’;
skin[’CONTENT_LINK_COLOR’] = ‘#0000cc’;
skin[’CONTENT_TEXT_COLOR’] = ‘#333333′;
skin[’CONTENT_SECONDARY_LINK_COLOR’] = ‘#7777cc’;
skin[’CONTENT_SECONDARY_TEXT_COLOR’] = ‘#666666′;
skin[’CONTENT_HEADLINE_COLOR’] = ‘#333333′;
google.friendconnect.container.setParentUrl(’/’ /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: ‘div-1228415438664′,
site: ‘00233868078198586785′},
skin);

Here’s a game where your goal is to click as often as you can:

var skin = {};
skin[’BORDER_COLOR’] = ‘#cccccc’;
skin[’ENDCAP_BG_COLOR’] = ‘#e0ecff’;
skin[’ENDCAP_TEXT_COLOR’] = ‘#333333′;
skin[’ENDCAP_LINK_COLOR’] = ‘#0000cc’;
skin[’ALTERNATE_BG_COLOR’] = ‘#ffffff’;
skin[’CONTENT_BG_COLOR’] = ‘#ffffff’;
skin[’CONTENT_LINK_COLOR’] = ‘#0000cc’;
skin[’CONTENT_TEXT_COLOR’] = ‘#333333′;
skin[’CONTENT_SECONDARY_LINK_COLOR’] = ‘#7777cc’;
skin[’CONTENT_SECONDARY_TEXT_COLOR’] = ‘#666666′;
skin[’CONTENT_HEADLINE_COLOR’] = ‘#333333′;
google.friendconnect.container.setParentUrl(’/’ /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderOpenSocialGadget(
{ id: ‘div-1228426156068′,
url:’http://www.google.com/friendconnect/gadgets/lamegame.xml’,
site: ‘00233868078198586785′},
skin);

And this is a comments area:

var skin = {};
skin[’BORDER_COLOR’] = ‘#cccccc’;
skin[’ENDCAP_BG_COLOR’] = ‘#e0ecff’;
skin[’ENDCAP_TEXT_COLOR’] = ‘#333333′;
skin[’ENDCAP_LINK_COLOR’] = ‘#0000cc’;
skin[’ALTERNATE_BG_COLOR’] = ‘#ffffff’;
skin[’CONTENT_BG_COLOR’] = ‘#ffffff’;
skin[’CONTENT_LINK_COLOR’] = ‘#0000cc’;
skin[’CONTENT_TEXT_COLOR’] = ‘#333333′;
skin[’CONTENT_SECONDARY_LINK_COLOR’] = ‘#7777cc’;
skin[’CONTENT_SECONDARY_TEXT_COLOR’] = ‘#666666′;
skin[’CONTENT_HEADLINE_COLOR’] = ‘#333333′;
skin[’DEFAULT_COMMENT_TEXT’] = ‘Add any comment below:’;
skin[’HEADER_TEXT’] = ‘Comments’;
skin[’POSTS_PER_PAGE’] = ‘8′;
google.friendconnect.container.setParentUrl(’/’ /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderWallGadget(
{ id: ‘div-1228426225372′,
site: ‘00233868078198586785′,
‘view-params’:{”scope”:”SITE”,”features”:”video,comment”}
},
skin);

[Thanks WebSonic.nl and Hebbet!]

[By Philipp Lenssen | Origin: Testing Google Friend Connect | Comments]

[Advertisement] Want to advertise here? Your ad will show in the blog and feed.