Question

我想使用facebook like按钮获取Facebook粉丝页面，但使用回调函数。

到目前为止，我只是设法让回调函数与带有以下代码的Facebook应用程序一起使用 -

<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
    FB.init({
        appId  : 'appID',
        status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the session
        xfbml  : true, // parse XFBML
        channelUrl : 'http://www.my_url.com/channel.html', // channel.html file
        oauth  : true // enable OAuth 2.0
    });
</script>

<script>(function(d, s, id) {
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) return;
   js = d.createElement(s); js.id = id;
   js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
   fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
FB.Event.subscribe('edge.create', function(href, widget) {
    callbackFunction();
});
</script>

就像我说的，上面的代码适用于Facebook应用程序。但我真正想做的是绑定类似于此的代码，但是对于Facebook页面“喜欢”按钮，如下所示 -

<div class="fb-like-box" data-href="https://www.facebook.com/{page-name}" data-width="292" data-height="250"  data-show-faces="true" data-stream="true" data-header="true"></div>

有谁知道实现这个目标的方法？

非常感谢提前。

Answer 1

我抓住了<div class = "fb-like-box" ... html5 diva的点击。变体：

FB.Event.subscribe ('edge.create', function (response) {
     alert ('You just liked' + response);
});

您只能在类似按钮的XFBML版本中使用

但我有一个非常，并且最终决定了这个变种

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

<script>
     window.fbAsyncInit = function() {
 FB.init({appId: 'YOUR_FACEBOOK_APP_ID', status: true, cookie: true, xfbml: true});
 FB.Event.subscribe('edge.create', function(response) {
 alert('You just liked '+response);
 });
};
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1&appId=265929413447804";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

</script>

<div class="fbp-one" style="margin-top: 62px;
                                margin-left: 60px;
                                position: absolute;
                                z-index: 1000;
                                height: 27px;
                                background-color: white;">
            <div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-height="200" data-show-faces="false"></div>
</div>
<div class="fbp-two" style="position:relative;">
            <div class="fb-like-box" data-href="YOUR_ADRESS" data-width="190" data-show-faces="true" data-stream="false" data-header="true"></div>
</div>

Div'FBP-one'在上面的FBP-2中的按钮上变得越来越好，看起来像一个单元和功能在所有浏览器中工作，只为每个人绘制CSS：）

Answer 2

实际上Like Box与Like Button的行为与触发事件的行为相同，这意味着您的代码应该按预期工作。这是working sample on fbrell。

实际上您的代码~~存在问题，可能导致意外行为~~，您在页面上包含了两个版本的JS-SDK，其中一个是常规{{1 } {tag（带有script locale）和一个以异步方式包含的（带有en_US locale），你应该只使用一个！

请注意，如果您选择第二个（异步）版本，则需要定义en_GB功能并从那里调用window.fbAsyncInit和FB.init ...

facebook'喜欢'facebook页面的按钮，但有回调

2 个答案: