How to Install a Custom Friend Connect Gadget on Your Website

In another tutorial titled "How to Install Gadgets on Your Website", I covered the basics of installing existing gadgets from the (currently limited) Friend Connect application directory. In this tutorial, I explain how to setup "custom" Gadgets, that is, Gadgets that are not yet distributed by the Google Friend Connect application directory.

So, if you have already completed steps 1-6 in the tutorial above, we can begin. Else, you may need to go perform that setup so that your website is ready for Friend Connect gadgets. So, go do that now if you haven't already done so, then return here.

Installing the Custom Gadget

Step 7: Click on the "Social Gadgets" link on the left



Step 8: On the "Social Gadgets" page, scroll down and click the "Add Gadget by URL >>" link




Step 9: Setup your gadget

a) Provide the url to the custom gadget

If you forgot to copy the URLs for the gadget on the previous page, here are the URLs for the various gadgets:
Share It Gadget - http://fcgadget.appspot.com/spec/shareit.xml
Get Answers (Q/A) Gadget - http://answersense.appspot.com/spec/latest.xml
Stumble Gadget - http://fcgadgets.appspot.com/spec/stumble.xml
Uptweet Gadget - http://fcgadgets.appspot.com/spec/uptweet.xml
Facebook Share Gadget - http://fcgadgets.appspot.com/spec/sharefb.xml
Bible Reader Gadget - http://bibleapps3.appspot.com/spec/randombible.xml

b) Set some width that will look nice on your site


Step 10: Click the "Generate Code" button.

Step 11: Copy the generated code into your site html page.


You're done!