在gwt应用程序中添加facebook share按钮

时间:2017-03-28 13:09:14

标签: facebook gwt gxt facebook-share

我几个月来一直在使用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中创建这样的按钮..?

感谢任何帮助

1 个答案:

答案 0 :(得分:0)

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

enter image description here

然后输入您要分享的网址

要分享的网址

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

布局 - 按钮大小 -

然后点击获取代码 - 您将弹出窗口。

在此弹出窗口中,转到iframe标签 - 并复制iframe元素。

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

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

让我知道它是否有效