如何使用带有回调功能的Facebook共享按钮?

时间:2012-07-21 11:48:01

标签: facebook fbml facebook-sharer

直到昨天我才使用没有xfbml的facebook分享按钮。昨天我看到分享按钮无效。

直到昨天我才添加名为fb_share的锚元素,facebook js-sdk将元素转换为分享按钮。

<div class="fb-share-con">
    <a type="button" name="fb_share">Share</a>
</div>

当我想要捕获共享事件时,我正在分配一个函数来单击“fb-share-con”div元素的事件并且这已经正常工作(这个回调方法不完全正确,但足够我)

现在我不知道为什么但我不能使用上面的分享按钮。 js-sdk没有将锚转换为共享按钮。我在Facebook开发者页面上寻找fb共享按钮使用但我找不到任何关于共享按钮的工作方式如上所述。

我找到了2种方法:

1。使用fbml添加共享按钮:我使用fbml语法向页面添加共享按钮,共享按钮正常工作但这次我无法分配回调函数(至少我不知道)。

<fb:share-button type="button"></fb:share-button>

2。使用FB.ui:我正在为我创建的html元素分配一个click事件,我正在给FB.ui()提供一个回调函数。我正在共享作为feed,但这并不重要。这种方法非常好但是我写的代码更多,Facebook本身并不创建共享按钮,所以如果我想使用分享按钮,我应该用css自己制作分享按钮。

FB.ui({
  method: 'feed'
  ,link: window.location.href
  ,picture: Page.get("image")
  ,name: Page.get("title")
  ,caption: '...'
  ,description: Page.get("description")
  },function(r){
    console.log("page shared",r);
});

问题:

  • 为什么我的旧方法不再起作用,这种用法已被弃用?
  • 我可以将回调函数分配给fbml共享按钮吗?
  • 哪种方法最好?

我对英语知之甚少。如果你用简单的语言写作,我会很高兴的。 感谢

1 个答案:

答案 0 :(得分:1)

为什么我的旧方法不再起作用,这种用法已被弃用?

Facebook弃用了分享按钮和功能,支持喜欢和发送按钮。

我可以将回调函数分配给fbml共享按钮吗?

您也不能,因为不推荐使用共享功能,所以应该避免使用它。

哪种方法最好?

根据facebook,你应该使用喜欢/发送按钮。