Let visitors share your web content with their Facebook friends

Composite.Community.Facebook.LikeButton adds the Facebook's Like button on a page of your website. This button lets visitors to your website share your content with their friends on Facebook. When the visitor clicks the Like button on your site, a story appears in his or her friends' News Feed with a link back to your website.

For more information on the Like button, please read http://developers.facebook.com/docs/reference/plugins/like/.

How to implement

It takes these steps to implement the Like button functionality on a page of your website:

  1. Adding the button to a page.
  2. Adding Facebook Open Graph tags (optional - see Important Note 2).

Adding the Like button to a page

  1. Edit a page.
  2. Add the Composite.Community.Facebook.LikeButton function ( Insert > Function) or insert the similar code on the page: 
     
<f:function name="Composite.Community.Facebook.LikeButton" xmlns:f="http://www.composite.net/ns/function/1.0"> 
  <f:param name="URL" value="(specific URL if necessary)" /> 
  <f:param name="SendButton" value="True" /> 
  <f:param name="LayoutStyle" value="standard" /> 
  <f:param name="Width" value="450" /> 
  <f:param name="ShowFaces" value="True" /> 
  <f:param name="VerbToDisplay" value="like" /> 
  <f:param name="ColorScheme" value="light" /> 
  <f:param name="Font" value="tahoma" /> 
</f:function>
  3. If necessary, set its optional parameters:
    • URL: The URL to like. If not specified, it defaults to the current page.
    • SendButton: If 'True', the Send button is included along with the Like button ('True' by default).
    • LayoutStyle: The size and amount of social context next to the button ('standard' by default). Options: "standard" - social text to the right of the button and friends' profile photos below, "button_count" - the total number of likes to the right of the button, "box_count" -the total number of likes above the button.
    • Width: The width of the Like button, in pixels (450 by default).
    • ShowFaces: If 'True', profile pictures are displayed below the button (standard layout only). 'True' by default.
    • VerbToDisplay: The verb to display on the button. Options: 'like', 'recommend'. Default is 'like'.
    • ColorScheme: The color scheme for the Like button. Options: 'light', 'dark'. Default is 'light'.
    • Font: The font used in the button. Options: 'arial', 'lucida grande', 'segoe ui', 'tahoma', 'trebuchet ms', 'verdana' .

Important Notes

  1. Composite.Community.Facebook.LikeButton is current culture sensitive. The language of the plugin's text depends on the current website's culture.
  2. If you want the page to be integrated in the Facebook's social graph, cosider adding Facebook Open Graph tags.

Requirements

Composite C1 version 3.0 or later

SHARE