我怎样才能为我的网站产品添加fb按钮？

Question

我需要在我的网站上为我的网站添加类似Facebook的按钮，就像我的产品一样，以及在他们的个人资料上添加产品图片。我尝试了很多例子，但只使用网站页面不像产品，并发布我网站标识的图像。我需要发布我的产品图片

<iframe scrolling="no" frameborder="0" allowtransparency="allowTransparency" width="280" height="65" src="http://www.facebook.com/widgets/like.php?width=280&show_faces=0&layout=standard&href=http://www.websoite.com/newsite/webemp_02/facetsjewel/Productdetails/Art%20and%20Soul%20Fearless%20Bracelet"></iframe>

Answer 1

确保使用与Like Button生成器中完全相同的代码：https://developers.facebook.com/docs/plugins/like-button

您的代码现在遇到两个问题：

• 您正在尝试使用带有空格的网址。你永远不应该这样做。 （％20是空格）
• 您没有对网址进行urlencode。只需将其放入生成器中，它就会为您创建urlencoded版本。

尝试在浏览器中打开该链接，您会发现它不起作用：http://www.websoite.com/newsite/webemp_02/facetsjewel/Productdetails/Art%20and%20Soul%20Fearless%20Bracelet

您必须使用有效的公共网址。如果你使用生成器，你会得到以下代码 - 但你真的不应该在URL中使用空格：

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.oceanstechnologies.com%2Fnewsite%2Fwebemp_02%2Ffacetsjewel%2FProductdetails%2FArt%2520and%2520Soul%2520Fearless%2520Bracelet&amp;width&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=80&amp;appId=1562584003953128" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px;" allowTransparency="true"></iframe>

为了获得正确的图像和文字，请务必添加必要的Open Graph标记：http://ogp.me/

Answer 2

您可以将此插件添加到您的网站http://www.sharethis.com，它会将所有类似按钮集成到您的网站，如fb，twitter等。您需要在标头中添加一些脚本，然后需要添加标签您希望在按钮上显示的网站..

另一种选择是您需要通过您的fb帐户转到https://developers.facebook.com/docs/plugins/like-button链接。然后您可以生成您想要的fb按钮。他们会给你一些iframe代码。只需将该代码集成到您的网页。

感谢。