Trying Out Google and Facebook Friend Connect

Would you be my Friend?

Here is Google’s Friend Connect Widget:

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[‘NUMBER_ROWS’] = ‘5’;
google.friendconnect.container.setParentUrl(‘/’ /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: ‘div-4019134814077193782’,
site: ‘18179748395891449876’ },
skin);

And Here is Facebook’s. Facebook requires a lot more work, because you have to program in XFBML

Your picture, if you are logged into facebook:

Here are a bunch of your friends:

var widget_div = document.getElementById(“profile_pics”);
FB.ensureInit(function () {
FB.Facebook.get_sessionState().waitUntilReady(function() {
FB.Facebook.apiClient.friends_get(null, function(result) {
var markup = “”;
var num_friends = result ? Math.min(10, result.length) : 0;
if (num_friends > 0) {
for (var i=0; i<num_friends; i++) {
markup +=
'’;
}
}
widget_div.innerHTML = markup;
FB.XFBML.Host.parseDomElement(widget_div);
});
});
});

Leave a Reply

Your email address will not be published. Required fields are marked *