【问题标题】:facebook share dialog redirecting instead of popping up?facebook分享对话框重定向而不是弹出?
【发布时间】:2016-05-03 11:14:33
【问题描述】:

我在 JS 中生成了一个动态生成的 facebook 分享按钮链接,这里是按钮的 url:

https://www.facebook.com/dialog/share?app_id=someAppId&display=popup&href=' + window.location.href;

一切正常。

我的问题是链接查询字符串中的“display=popup”参数没有按照它说的那样做,而是在我希望它弹出时重定向到共享页面。

此外,当我提交分享时,我不会被重定向回我的网站。

我是 facebook 共享 SDK 的新手,老实说,我对它感到压力很大。

我想要的只是一个简单的分享按钮(我制作了一个自定义样式的按钮,这就是我使用动态生成的 HREF 的原因),它不会与 UX 混淆并且可以正常工作,肯定不会这么复杂吗?

简而言之:

1) 如何使共享对话框弹出而不是重定向?

2) 如果没有办法阻止它重定向,我如何让它在提交共享后重定向回来?

3) 我这样做的方式有问题吗?

4) 如果这是您的项目,您会提出什么建议?

5) 是否有您可能知道的关于 facebook 共享 SDK 的更简单的文档或教程系列?因为开发者网站上的文档非常不清楚,而且有些地方是硬核的,所以我发现。

【问题讨论】:

    标签: javascript facebook facebook-graph-api redirect


    【解决方案1】:

    我的问题是链接查询字符串中的“display=popup”参数没有按照它说的那样做,而是在我希望它弹出时重定向到共享页面。

    你误解了这个参数的作用。

    当然,浏览器不会将普通链接作为弹出窗口打开,只是因为 href 属性中的 URL 可能包含也可能不包含某些参数。

    这个参数的目的是告诉对话框它将在什么设置中显示——如果是popup,那么对话框元素会比它们在整个页面中呈现的更小版本。

    1) 如何使共享对话框弹出而不是重定向?

    通过自己在弹出窗口中打开目标 URL (window.open),或者改用 JS SDK,FB.ui 可用于调用对话框并将打开一个弹出窗口来执行此操作。

    2) 如果没有办法阻止它重定向,我如何让它在提交共享后重定向回来?

    对于 URL 版本,必须指定 redirect_uri 参数,以告诉对话框在共享后重定向回哪里。

    【讨论】:

    • 你有没有一个例子,例如:用户点击一个a标签,FB.ui打开一个没有重定向的对话框?在 facebook 开发网站上的文档中真的很挣扎,老实说,就清晰度而言,这是我读过的最糟糕的文档。
    • JS SDK 的文档中有非常简单明了的示例。
    • 不是我所看到的,它远远不够详细,而且似乎非常假设性,我在其他任何地方都找不到明确的例子。
    • developers.facebook.com/docs/javascript/reference/FB.ui 有关于如何调用对话框的示例。单击页面上的元素时执行某些操作,通过为元素分配单击处理程序,对您来说应该不是新闻,对吧?
    猜你喜欢
    • 1970-01-01
    • 2014-09-20
    • 1970-01-01
    • 1970-01-01
    • 2014-05-31
    • 1970-01-01
    • 1970-01-01
    • 2014-09-07
    • 2015-06-13
    相关资源
    最近更新 更多