【问题标题】:Facebook Like Button Comments Not Working - https issueFacebook Like 按钮评论不起作用 - https 问题
【发布时间】:2012-01-01 17:40:55
【问题描述】:

我使用的是 FBML,之前一切正常,然后我注意到当您单击时,评论框将不再显示。我查看了开发网站,发现现在的方式发生了变化。

我更新了我的代码,但它仍然没有显示 cmets 框,但实际的点赞操作可以正常工作。

这是一个链接:http://fez.nu/Oniir

编辑 2: 我正在使用 XFBML,我不知道这是否会有所不同。我听说 FBML 已被弃用

编辑 3: 我在 Facebook 上使用 https 浏览。我把它关掉了,评论框出现在我的网站上。这样这个问题就解决了,但是当我的网站不是时,我如何让它与在 Facebook 上使用安全浏览的用户一起工作?

【问题讨论】:

  • 你在这方面有什么收获吗?我有完全相同的问题。 Like 按钮不再呈现弹出框 我启用了共享按钮,它确实呈现了弹出框!我还看到代码已更改和更新,但旧代码和新代码的行为保持不变。
  • 看看我的编辑 #3 并尝试关闭 https 看看它是否适合你。另外,不,我还没有找到打开 https 的答案。
  • 那么,您是否通过 https 托管您的 XFBML?顺便说一句,你的链接已经过时了。
  • @EdwindeKoning,我修复了链接。我正在从here 中提取 Like 按钮的代码。您是在告诉我,我的网站必须拥有 SSL 证书并且是 https 才能完全使用该按钮?这对我来说没有意义。
  • 为什么不呢?如果页面的一部分是通过 http 提供的,而另一部分是通过 https 提供的,那么在我看来,您正在获得“混合内容”。这会导致各种问题。你能告诉我你喜欢按钮的代码吗? (链接依然失效)

标签: https facebook-like fbml xfbml


【解决方案1】:

这个问题是昨晚开始的。

一开始我以为这是我的代码,但快速回滚到我知道(QA 测试)工作的代码显示了这个问题。

我自己去找了源头,Facebook 的 OWN Like 按钮生成工具和他们有同样的问题。

然后我随机选择了一篇 CNN 和雅虎新闻文章,这就是你所说的三连胜。所有 3 个站点都无法正确呈现点赞按钮的 cmets UI 元素。

如果它像鸭子一样走路、嘎嘎叫和移动它的头...... WTF? :))

【讨论】:

【解决方案2】:

您可以使用 HTML 内联框架。

<iframe src="https://mytab.example.com/tabs/"></iframe>

This question 为您的问题提供了一个公认的解决方案。

摘要

对于支持 SSL 的域,您可以避免 SSL 警告 具体的传输协议。例如而不是包括 http:// 或 https:// 使用 //

<!-- Instead of this: --> 
<iframe src="http://www.facebook.com/plugins/like.php?params"></iframe>

<!-- Do this: -->
<iframe src="//www.facebook.com/plugins/like.php?params"></iframe>

安全注意事项

请注意,此方法存在一些安全注意事项。我建议您阅读以下文章和问题。


编辑 1

FAQ for the Like Button 中,声明它需要 400 像素的宽度才能为用户提供添加评论的选项。如果您没有 400 像素可用,我认为您将不得不牺牲发表评论的选项,或者改用弹出窗口。

【讨论】:

  • 我目前不使用 iframe 有两个原因。 1) 当我第一次实现类似按钮时,cmets 仅适用于 XFBML。现在我看到它可以与 iframe 一起使用,但这会导致 2)我没有 400px 的宽度来提供按钮。
  • 就像我第一次实现按钮时所说的那样,我使用 XFBML 进行了操作,并且 cmets 可以正常工作。我想现在我正试图找出这种情况何时发生变化以及原因。我已经看到 FBML 已弃用,这是否意味着 XFBML 也已弃用?如果是这样的话,那么我会让 iframe 工作,我正在为网站开发另一个主题,这样我们现在就可以在没有 cmets 的情况下生活。
猜你喜欢
  • 1970-01-01
  • 2011-02-10
  • 1970-01-01
  • 1970-01-01
  • 2011-02-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-02-20
相关资源
最近更新 更多