Project Description
Show Facebook and Twitter social media web parts on a SharePoint page.

socialmedia.png

I recently had a requirement from a client to include Facebook and Twitter functionaliy to a SharePoint home page (MOSS 2007). You could easily go to the respective deleloper sites for Facebook and Twitter, then copy and paste the code into a Content Editor web part--but then, what fun would that be? Besides, your non-technical customer would be clueless about how to change the code to modify the appearance or functions of the web parts. That said, I took the time to make real web parts where end users can easily modify the settings as they see fit. To get started, follow the guidlines below (this information is also included, with screenshots, in the README.docx file.

The Facebook code is essentially the code for the Like Button code you can find on the Facebook Developers website (http://developers.facebook.com/docs/reference/plugins/like/). Refer to the site if you wish to modify this web part to add additional parameters. The Twitter code is the code for adding a Twitter Profile to a web page (http://twitter.com/about/resources/widgets/widget_profile/). Refer to the site if you wish to modify the web part or add additional parameters. For either of these web parts, you could easily copy and paste the code into a generic content editor web part—however, it would be a major pain (especially for non-technical users) to modify the code each time you want to change something. These web parts allow you to easily make changes by simply clicking “modify shared web part”.
Note for developers: The code in the SPTwitterProfilePart web part refers to an online JavaScript file hosted by Twitter. If you prefer a local reference, I have included a copy of widget.js in the solution package which will deploy to the layouts folder in the 12 hive.
To add the web parts, open a command prompt and enter the following:
cd C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\BIN
stsadm.exe -o addsolution -filename C:\SPFacebookAddIn.wsp
stsadm.exe -o addsolution -filename C:\SPTwitterProfilePart.wsp
Once you have added the web parts, deploy the web parts to the desired web applications from Central Administration. From there, go to the top level web of your site collection(s) and activate the features from the site settings. Finally, open any web part page and add the web parts. Each of the configurable modifications has a default setting so it will work right out of the box. You can modify the web part settings to make the desired changes (Note, when first added to the page, you may not see anything until you click “Save and stop editing” or refresh the page).

Last edited May 16, 2012 at 5:39 PM by Portalmonkey, version 8