使用新版Facebook分享按钮的回调函数

Question

我试图在使用新的Facebook分享按钮时订阅“edge.create”事件，但一直没有成功。

我正在使用标准的事件订阅：

FB.Event.subscribe('edge.create',
    function(response) {
        console.log(response);
    }
);

该事件未被触发... 相反，它与“点赞”按钮一起使用。

有什么建议吗？

- Gabriele Perego

Answer 1

脸书分享按钮已被弃用，取而代之的是点赞按钮。根据其文档：

“分享”按钮已被弃用，取而代之的是“点赞”按钮，将不再得到支持。请尽可能使用“点赞”按钮，以实现最大流量驱动您的应用程序。

您可以与“点赞”按钮一起使用事件，但是如果您想跟踪共享按钮，则仍然可以通过一些JavaScript来实现。您可以向FB共享按钮添加单击事件。

这是我正在使用的示例。

window.fbAsyncInit = function () {
    FB.init({
        appId: 'your app id',
        status: true,
        cookie: true,
        xfbml: true,
        oauth: true
    });

    $('#facebook-share').click(function () {
        FB.ui({
            method: 'feed',
            link: document.URL,
            caption: 'example',
        }, function (response) {
            if (response === null) {
                console.log('post was not shared');
            } else {
                console.log('post was shared');
            }
        });
    });
};

(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.async = true;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

- JamesIngold

Answer 2

创建Facebook应用程序并获得批准是很无聊且可能需要很长时间...

我在这里提供了一种替代方法，适用于不想仅为此发布应用程序的人：

   jQuery("#div_share").click(function() {

        var url = "http://www.facebook.com/sharer/sharer.php?u=YOUR_URL&title=YOUR_TITLE";

        var openDialog = function(uri, name, options, closeCallback) {
            var win = window.open(uri, name, options);
            var interval = window.setInterval(function() {
                try {
                    if (win == null || win.closed) {
                        window.clearInterval(interval);
                        closeCallback(win);
                    }
                }
                catch (e) {
                }
            }, 1000);
            return win;
        };

        openDialog(url,'Facebook','width=640,height=580', function(){
            jQuery("#div_share").hide();
            jQuery("#formulario").show();
        });
    });

它将打开一个JavaScript对话框以进行共享，并了解用户何时关闭它。不能保证他们真正分享内容...但是... :)

- Tiago Gouvêa