如何为我的网站产品添加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

确保使用与您在类似按钮生成器中获得的代码完全相同的代码：https://developers.facebook.com/docs/plugins/like-button

您的代码现在有两个问题：

• 您正在尝试使用带有空格的URL。你不该那么做。(%20是空白)
• 您没有对URL进行urlencode。只要把它放在生成器中，它就会为您创建用户编码版本。

尝试在浏览器中打开链接，您将看到它不工作：02/facetsjewel/Productdetails/Art%20and%20Soul%20Fearless%20Bracelet

您必须使用有效的公共URL。如果使用生成器，将得到以下代码--但实际上不应该在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>

为了获得正确的图像和文本，请确保包含必要的开放图形标记：http://ogp.me/

Answer 2

您可以将这个插件添加到您的网站http://www.sharethis.com中，该插件将把所有类似的按钮集成到您的网站上，比如fb，twitter etc..You需要在标题中添加一些脚本，然后在您想要像按钮一样显示的站点上添加一个标记。

另一个选择是，您需要通过fb https://developers.facebook.com/docs/plugins/like-button链接到fb account..then，您可以生成fb按钮，want..They会给您一些iframe code..Just，将该代码集成到您的网页中。

谢谢。