在 gwt 应用程序中添加 facebook 分享按钮答案

【问题标题】：adding facebook share button in gwt application在 gwt 应用程序中添加 facebook 分享按钮
【发布时间】：2017-03-29 14:54:30
【问题描述】：

大约几个月以来，我一直在使用 gwt 和 gxt，

我正在开发一个需要与 facebook 等社交媒体网站交互的网站，

我正在尝试在我的网站中添加 fcebook 共享按钮，我尝试了以下方式 -

我尝试使用 HTML -

    HTML facebookButton = new HTML();
                    facebookButton.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_CENTER);

facebookButton.setHTML("<div class=\"fb-share-button\" data-href=\"https://developers.facebook.com/docs/plugins/\" data-layout=\"button\" data-size=\"small\" data-mobile-iframe=\"true\"><a class=\"fb-xfbml-parse-ignore\" target=\"_blank\" href=\"https://www.facebook.com/sharer/......src=sdkpreparse\"> <img src=\"img/social/facebook.png\"  > </a></div>");

但它什么也没做 -

tab.getUrlHeader() - 这是我想分享的

我搜索了一遍，但找不到任何东西。

是否可以通过任何方式在 gwt/gxt 中创建这样的按钮..？

感谢任何帮助

【问题讨论】：

这需要嵌入 JS SDK 来做任何事情 ...

标签： facebook gwt gxt facebook-share

【解决方案1】：

facebookButton.setHTML("<div class=\"fb-share-button\" data-href=\"https://developers.facebook.com/docs/plugins/\" data-layout=\"button\" data-size=\"small\" data-mobile-iframe=\"true\"><a class=\"fb-xfbml-parse-ignore\" target=\"_blank\" href=\"https://www.facebook.com/sharer/......src=sdkpreparse\"> <img src=\"img/social/facebook.png\"  > </a></div>");

我认为这是您从 Facebook 分享按钮复制的内容 -

这是正确的，不明白为什么这对你不起作用。

您可以尝试 iFrame 方法。简单易行。

我猜你已经从你的开发者账户创建了 facebook APP id。

转到此页面 -

https://developers.facebook.com/docs/plugins/share-button

然后输入你要分享的url -

要分享的网址

还可以选择布局和按钮大小 -

布局- 按钮大小-

然后点击获取代码 - 你会得到弹出窗口。

在此弹出窗口中，转到 iframe 选项卡 - 并复制 iframe 元素。

然后您可以像这样在 GWT 中的 Html 标签中设置它。

facebookButton.setHTML("<iframe src=\"https://www.facebook.com/plugins/share_button.php?href=......");

让我知道它是否有效

【讨论】：