Facebook喜欢和分享回调按钮

时间:2014-04-16 17:15:01

标签: javascript facebook callback facebook-like facebook-javascript-sdk

我有一个网页,我放置了一个类似于&的Facebook分享按钮和相应的javascript回调函数也存在。

现在问题是,javascript回调仅在用户“喜欢”时触发,并且在按下“共享”按钮时似乎不会触发。

就像我需要在每次共享链接时奖励用户。而使用“喜欢”,用户只能喜欢链接一次(不考虑不喜欢/重新喜欢)。

我知道不推荐使用“共享”按钮。但Facebook现在提供了一个带有类似按钮的分享按钮。资料来源:https://developers.facebook.com/docs/plugins/like-button/

有没有办法从此共享按钮触发此回调方法?

这是我的代码:

我的HTML中BODY标记开头的代码: -

<div id="fb-root"></div>

<script>
    window.fbAsyncInit = function() {
    FB.init({
        appId: ' My App ID ',
        status: true,
        cookie: true,
        xfbml: true,
        oauth: true
    });
    FB.Event.subscribe('edge.create', function(response) {
        alert('You liked the URL: ' + response);

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

        </script>

代码显示Like&amp;分享按钮: -

<div class="fb-like" data-href=" My URL " data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>

4 个答案:

答案 0 :(得分:30)

您无法使用此按钮获取共享回调。您可以改为创建自己的分享按钮,并在其点击时调用Feed Dialog -

FB.ui(
{
  method: 'feed',
  name: 'Facebook Dialogs',
  link: 'https://developers.facebook.com/docs/dialogs/',
  picture: 'http://fbrell.com/f8.jpg',
  caption: 'Reference Documentation',
  description: 'Dialogs provide a simple, consistent interface for applications to interface with users.'
},
function(response) {
  if (response && response.post_id) {
    alert('Post was published.');
  } else {
    alert('Post was not published.');
  }
}
);

答案 1 :(得分:10)

完整代码在这里

$("#bodyarea").on('click', '.share_fb', function(event) {
    event.preventDefault();
    var that = $(this);
    var post = that.parents('article.post-area');

    $.ajaxSetup({ cache: true });
        $.getScript('//connect.facebook.net/en_US/sdk.js', function(){
        FB.init({
          appId: '822306031169238', //replace with your app ID
          version: 'v2.3'
        });
        FB.ui({
            method: 'share',
            title: 'TTitle Test',
            description: 'Test Description Goes here. Tahir Sada ',
            href: 'https://developers.facebook.com/docs/',
          },
          function(response) {
            if (response && !response.error_code) {
              alert('Posting completed.');
            } else {
              alert('Error while posting.');
            }
        });
  });
});

将您的应用程序ID更改为

Working Example

答案 2 :(得分:2)

我在这里做的另一种方式是,不想发布一个APP只是为了它:

   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对话框进行分享,并知道用户何时关闭它。它不能保证他们真正分享内容......但是...... :)

答案 3 :(得分:2)

<div class="fb-like" data-href="page_link" data-layout="button_count" data-onshare="page_like_or_unlike_callback" data-onlike="page_like_or_unlike_callback" data-action="like" data-size="large" data-show-faces="true" data-share="false"></div>

只需添加data-onlike="function_name"并在javascript中定义该功能即可。完成后,您的功能将在此人在您的网站上点击时立即呼叫。对于分享按钮,它仍然处于开发模式,我很快就会更新你...