【问题标题】:Facebook iframe with callback带有回调的 Facebook iframe
【发布时间】:2015-07-13 09:23:38
【问题描述】:

我正在使用

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

在我的页面上分享 Facebook。

现在我想知道为什么如果像这样单击共享按钮,为什么不能添加任何事件来触发函数:

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

有什么方法可以实现为点击添加功能吗? 我希望能够使用 ajax 回调将按钮被单击的情况存储到我的数据库中,但我不能使用应用程序 ID,因为它是针对不同客户的网站。

谁有解决办法?

【问题讨论】:

标签: jquery facebook


【解决方案1】:

您的自定义 javascript 将无法以您想要的方式操作 iframe 的内容。不幸的是,这就是现代浏览器实现 iframe 的方式。

最常见的解决方案

最好的办法是使用 facebook 共享器链接制作一个您可以更好地控制的自定义 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

【讨论】:

  • 如果您使用 JS SDK,则不会。顺便说一句,在这种情况下,这是您唯一的选择,因为共享是由用户点击触发的,而不是服务器端应用程序。
  • 谢谢。做了一些进一步的研究并结合这个:stackoverflow.com/questions/14829040/… 它工作得非常整洁。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-12-23
  • 2011-02-06
  • 1970-01-01
相关资源
最近更新 更多