CakePHP Facebook plugin (webtechnick) only 'share' working

Question

I'm trying to use the Facebook plugin from webtechnick with my CakePHP 1.3.10 app. I've followed all the directions to install it and have all the functionalities available:

Downloaded package and installed in app/plugins/facebook
Created app/config/facebook.php with my app's id, key and secret numbers, based on the example config file
Included $helpers = array('Facebook.Facebook') in my app_controller.php
Echoed the $this->Facebook->html() function in my layout (replcing the default html tag)
Echoed the $this->Facebook->init() function at the bottom of the layout, before

Then, I use this code in my view:

echo $this->Facebook->share('link'); 
echo $this->Facebook->like();   
echo $this->Facebook->comments();

But I only get the share button, not the like or comments. Am I missing any step? If I echo something inside the facebook helper like() function for example, it prints in in the view, so it's actually calling the function, but not generating the facbook element. Any ideas? I don't know what else to try, I believe I've followed all the steps...

----------UPDATE--------------------------

With Firebug I see this script error: FB.provide is not a function

The file where the error comes from is http://connect.facebook.net/es_ES/all.js, which I assume the plugin calls it. But since it's in Facebook's servers, what can I do about it? Does that mean there's a problem on their end? I don't see many more things I can do in my end. Any ideas?

Dax Borges Dax Borges · Accepted Answer · 2011-10-06T21:00:23

It appears the all.js file causes problems in both IE and Firefox. I'm using IE8 and Firefox 7.

After looking at the following...Stack Overflow Answer and Facebook Bug Report I was able to solve both. The fix for me was editing the facebook.php helper and adding the following...

IE Fix

FB.UIServer.setActiveNode = function(a,b){FB.UIServer._active[a.id]=b;}

Firefox Fix

window.FB = null;
FB = null;

Complete init() function

function init($options = array()){
    if(FacebookInfo::getConfig('appId')){
        $appId = FacebookInfo::getConfig('appId');
        $session = json_encode($this->Session->read('FB.Session'));
        $init = '<div id="fb-root"></div>';
        $init .=  $this->Html->scriptBlock(
            "
            window.fbAsyncInit = function() {
                FB.init({
                    appId   : '{$appId}',
                    session : {$session}, // don't refetch the session when PHP already has it
                    status  : true, // check login status
                    cookie  : true, // enable cookies to allow the server to access the session
                    xfbml   : true // parse XFBML
                });

                /* IE FIX */
                FB.UIServer.setActiveNode = function(a,b){FB.UIServer._active[a.id]=b;}
                /**********/

                // whenever the user logs in, we refresh the page
                FB.Event.subscribe('auth.login', function() {
                    window.location.reload();
                });
            };
            (function() {

                /* FIREFOX FIX */
                window.FB = null;
                FB = null;
                /**********/

                var e = document.createElement('script');
                e.src = document.location.protocol + '//connect.facebook.net/{$this->locale}/all.js';
                e.async = true;
                document.getElementById('fb-root').appendChild(e);
            }());
            ",
            $options
        );
        return $init;
    }
    else {
        return "<span class='error'>No Facebook configuration detected. Please add the facebook configuration file to your config folder.</span>";
    } 
}

A little late but I hope this helps someone!

CakePHP Facebook plugin (webtechnick) only 'share' working

4 Answers