如何为我的网站产品添加FB LIKE按钮


how can i add fb like button for my website product?

我需要为我的网站添加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>

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

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

  • 您正在尝试使用带有空格的 URL。你永远不应该这样做。(%20 为空格)
  • 您没有对网址进行编码。只需将其放入生成器中,它就会为您创建urlencode版本。

尝试在浏览器中打开链接,您将看到它不起作用:http://www.websoite.com/newsite/webemp_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>

为了获得正确的图像和文本,请确保包含必要的 Open Graph 标记:http://ogp.me/

您可以将共享此插件添加到您的网站 http://www.sharethis.com 它将所有喜欢的按钮集成到您的网站,如fb,twitter等。您需要在标题中添加一些脚本,然后需要向要显示按钮的位置添加标记到您的网站。

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

谢谢。