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

Question

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

感谢任何帮助

Answer 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 -

URL 分享

还要选择布局和按钮大小 -

布局- 按钮尺寸-

然后单击获取代码 - 您将看到弹出窗口。

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

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

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

如果有效请告诉我

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

adding facebook share button in gwt application

gwt

facebook

gxt

facebook-share