Question

我正在使用

<div class="fb-share-button"  data-href="" data-layout="button_count" oncklick=""></div>

让Facebook在我的页面上分享。

现在我想知道为什么如果点击分享按钮就不能添加任何事件来触发函数：

$(".fb-share-button").click(function(event){ 
//do stuff 
});

有什么办法可以实现为点击添加功能吗？我希望能够使用ajax回调来存储我的数据库中单击按钮，但我不能使用应用程序ID，因为它是不同客户的网站。

有解决方案的人吗？

Answer 1

您的自定义JavaScript无法以您想要的方式操纵iframe的内容。不幸的是，这是现代浏览器实现iframe的方式。

最常见的解决方案

您最好的选择是使用facebook sharer链接创建一个您可以更好地控制的自定义Facebook分享按钮。

以下是一些可以帮助您入门的代码：

<a href="https://www.facebook.com/sharer/sharer.php?u=blah.com">Share on Facebook</a>

来源：http://www.sharelinkgenerator.com/

替代方法：

您也可以链接/重定向到Facebook对话框，但需要创建一个Facebook应用程序，这很痛苦。

https://www.facebook.com/dialog/share?
  app_id=145634995501895
  &display=popup
  &href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F
  &redirect_uri=https%3A%2F%2Fdevelopers.facebook.com%2Ftools%2Fexplorer

参考：

https://developers.facebook.com/docs/sharing/web

https://developers.facebook.com/apps

Facebook iframe有回调

1 个答案: