Installing the code

Add the following to your buildout.cfg:

eggs
        ...
        mfabrik.like

Rerun buildout.

Restart Plone.

Enabling Like-button

Like-button is enabled on normal Page content type by default.

You can edit these settings by going Site control panel -> Facebook Like-button settings.

You can also explicitly enable Like-button on some content items by applying mfabrik.like.interfaces.IFacebookLikeEnabler marker interface on them through Zope Management Interface.

Adding Like box portlet

• Add Facebook application id to Site control panel -> Facebook Like-button settings

  • Facebook site setup wizard

• Create new portlet

• Add Facebook page id in the portlet settings (this is the long number which you can pick from Facebook page URL)

  • You can get Facebook page id by going to the Facebook product page and check the URL. If there is a long number then that's the id. If you don't see a long number try hovering your mouse over the product page logo and see if the number is there.

• Show either full Like box or just "Become a fan" text

• http://wiki.developers.facebook.com/index.php/Like_Box

Plone 3 and beta components

This add-on product uses software components which are not yet officially deployed for Plone 3 (and maybe never will) like plone.app.registry. To make these components work correctly you probably need to use "good-py version pindowns" in your buildout.cfg.

For more information, see

• http://plone.org/products/dexterity/documentation/manual/developer-manual/pre-requisites/buildout-configuration

Example of portletRenderer override

• Make sure that mfabrik.like is in buildout eggs before your theme add-on

ZCML:

<include package="mfabrik.like" />

<plone:portletRenderer
        portlet="mfabrik.like.portlets.IFacebookLikeBoxData"
        template="facebook-like.box.pt"
        layer=".interfaces.IThemeSpecific"
        />

facebook-like-box.pt example (how to add a header image):

<div id="portletFacebook">
    <img tal:attributes="src string:${context/portal_url}/++resource++xxx.app.images/facebookheader.png" alt="Facebook" />
    <div class="content">
        <fb:like-box tal:attributes="profile_id view/getPageId;
                                     stream view/getStream;
                                     header view/getHeader;
                                     height view/getHeight;
                                     width view/getWidth;
                                     logobar view/getLogobar;
                                     connections view/getConnections">
        </fb:like-box>
    </div>
</div>

<p tal:condition="not:view/hasAPIData">
        Please configure Facebook API key and application id
        in the Plone site setup.
</p>

Changelog