Web Part: Facebook Utilities

Modified on 2011/07/19 18:01 by Charles — Categorized as: CMS, Web Parts

Table of Contents [Hide/Show]

   Facebook Utilities Web Part
      Property Editor
   Examples
      Activity Feed
      Comments
      Recommendations
      Like Box

Facebook Utilities Web Part¶

The Facebook Utility Web Part:

displays a Facebook list of recommendations for a site.
displays a Facebook activity feed for the site url.
displays a like box with user comments for the site url.
prompts the user to input a comment for the site url.

Property Editor¶

Properties include:

Facebook Type = the type of display. Includes:
- Activity Feed = Activities about this page.
- Comments = comments about this page.
- Recommendations = Recommendations about this page.
- Like Box = People and comments that like this page.
Site Url = Web Address of the page that Facebook posts are displayed for.
Show Faces? = Option used with the Like Box. Displays the faces of people that like this post.
Show Stream? = Option used with the Like Box. Displays the profile stream for the public profile.
Number of Posts = the number of posts to display.

Note: There are some eccentricities in these code snippets from Facebook, so understand what you want the Web Part to do and configure it correctly.

Examples¶

Activity Feed¶

The Activity Feed plug-in displays the most interesting recent activity taking place on your site. Since the content is hosted by Facebook, the plug-in can display personalized content whether or not the user has logged into your site. The activity feed displays stories when users like content on your site, when users share content from your site in Facebook or if they comment on a page on your site in the Comments box. If a user is logged into Facebook, the plug-in will be personalized to highlight content from their friends. If the user is logged out, the activity feed will show recommendations from across your site, and give the user the option to log in to Facebook.

The site url is matched exactly, so a plug-in with site=facebook.com would not include activity from developers.facebook.com or www.facebook.com. You cannot currently aggregate across multiple domains.

Select Activity_Feed as the Facebook Type.
Enter the Site Url of the activity feed.
Set the number of posts to display.
Set the Width of the Web Part (default = 300px).

Note: the example shows using http://www.aliciakeys.com as the site url.

Facebook Activity Feed

Comments¶

Comment Box is a social plug-in that enables user commenting on your site.

Comments are easily shared with friends or with people who like your Page on Facebook. If a user leaves the “Post to Facebook” box checked when she posts a comment, a story appears on her friends’ News Feed indicating that she’s made a comment on your website, which will also link back to your site.

Friends and people who like the Page can then respond to the discussion by liking or replying to the comment directly in the News Feed on Facebook or in the Comments Box on your site. Threads stay synced across Facebook and on the Comments Box on your site regardless of where the comment was made.

Select Comments as the Facebook Type.
Enter the address that you want the user to add comments for into the Site Url.
Set the number of posts to display.
Set the Width of the Web Part (default = 300px).

Note: the example shows using http://www.aliciakeys.com as the site url.

Facebook Comments

Recommendations¶

The Recommendations plug-in shows personalized recommendations to your users. Since the content is hosted by Facebook, the plug-in can display personalized recommendations whether or not the user has logged into your site. To generate the recommendations, the plug-in considers all the social interactions with URLs from your site. For a logged in Facebook user, the plug-in will give preference to and highlight objects her friends have interacted with.

You must specify a site url for which to show recommendations. The site url is matched exactly, so a plug-in with site=facebook.com would not include activity from developers.facebook.com or www.facebook.com. You cannot currently aggregate across multiple domains.

Select Recommendations as the Facebook Type.
Enter the address that you want the user to add comments for into the Site Url.
Set the number of posts to display.
Set the Width of the Web Part (default = 300px).
Set the Height of the Web Part (default = 300px).

Note: the example shows using http://www.aliciakeys.com as the site url.

Facebook Recommendations

Like Box¶

The Like Box is a social plug-in that enables Facebook Page owners to attract and gain Likes from their own website. The Like Box enables users to:

See how many users already like this Page, and which of their friends like it too
Read recent posts from the Page
Like the Page with one click, without needing to visit the Page

Select Like_Box as the Facebook Type.
Enter a Facebook url for the Site Url.
Select 'Show Faces' option to show profile photos in the plug-in.
Select 'Show Stream' option to show the profile stream for the public profile.
Set the Width of the Web Part (default = 300px).

Note: the example shows using http://www.facebook.com/time as the site url. A Facebook url MUST be used for the Like box option.

Facebook Like Box