Javascript 如何为我的网站产品添加类似fb的按钮?

Javascript 如何为我的网站产品添加类似fb的按钮?,javascript,php,jquery,codeigniter,facebook-like,Javascript,Php,Jquery,Codeigniter,Facebook Like,我需要为我的网站添加类似facebook的按钮,以便用户在其个人资料中发布类似我的产品和类似产品的图片。我尝试了很多例子,但用那个只喜欢网站页面不喜欢的产品,也张贴我的网站标志图像。我需要发布我的产品图片 <iframe scrolling="no" frameborder="0" allowtransparency="allowTransparency" width="280" height="65" src="http://www.facebook.com/widgets/like.p

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

您可以将共享此插件添加到您的网站,该插件会将所有类似按钮集成到您的网站上,如fb、twitter等。您需要在标题中添加一些脚本,然后需要在您希望显示类似按钮的网站上添加标签

另一个选择是你需要通过你的fb账户去链接。然后你可以生成你想要的fb类按钮。他们会给你一些iframe代码。只需将这些代码集成到你的网页中


谢谢。

您可以将共享此插件添加到您的网站,该插件会将所有类似按钮集成到您的网站上,如fb、twitter等。您需要在标题中添加一些脚本,然后需要在您的网站上添加一个标签,在其中显示类似按钮

另一个选择是你需要通过你的fb账户去链接。然后你可以生成你想要的fb类按钮。他们会给你一些iframe代码。只需将这些代码集成到你的网页中


谢谢。

您可以将共享此插件添加到您的网站,该插件会将所有类似按钮集成到您的网站上,如fb、twitter等。您需要在标题中添加一些脚本,然后需要在您的网站上添加一个标签,在其中显示类似按钮

另一个选择是你需要通过你的fb账户去链接。然后你可以生成你想要的fb类按钮。他们会给你一些iframe代码。只需将这些代码集成到你的网页中


谢谢。

您可以将共享此插件添加到您的网站,该插件会将所有类似按钮集成到您的网站上,如fb、twitter等。您需要在标题中添加一些脚本,然后需要在您的网站上添加一个标签,在其中显示类似按钮

另一个选择是你需要通过你的fb账户去链接。然后你可以生成你想要的fb类按钮。他们会给你一些iframe代码。只需将这些代码集成到你的网页中


谢谢。

请确保使用与Like按钮生成器中的代码完全相同的代码:

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

  • 您正在尝试使用带有空格的URL。你不应该那样做。(%20是空白)
  • 您没有对URL进行URL编码。只要把它放在生成器中,它就会为您创建URL编码的版本
尝试在浏览器中打开链接,您将看到该链接不起作用:

您必须使用有效的公共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>


为了获得正确的图像和文本,请确保包含必要的打开图标记:

确保使用与Like按钮生成器中的代码完全相同的代码:

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

  • 您正在尝试使用带有空格的URL。你不应该那样做。(%20是空白)
  • 您没有对URL进行URL编码。只要把它放在生成器中,它就会为您创建URL编码的版本
尝试在浏览器中打开链接,您将看到该链接不起作用:

您必须使用有效的公共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>


为了获得正确的图像和文本,请确保包含必要的打开图标记:

确保使用与Like按钮生成器中的代码完全相同的代码:

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

  • 您正在尝试使用带有空格的URL。你不应该那样做。(%20是空白)
  • 您没有对URL进行URL编码。只要把它放在生成器中,它就会为您创建URL编码的版本
尝试在浏览器中打开链接,您将看到该链接不起作用:

您必须使用有效的公共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>


为了获得正确的图像和文本,请确保包含必要的打开图标记:

确保使用与Like按钮生成器中的代码完全相同的代码:

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

  • 您正在尝试使用带有空格的URL。你不应该那样做。(%20是空白)
  • 您没有对URL进行URL编码。只要把它放在生成器中,它就会为您创建URL编码的版本
尝试在浏览器中打开链接,您将看到该链接不起作用:

您必须使用有效的公共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标记:

您能给出您迄今为止尝试过的代码吗?将其与您的代码放在一起。您必须将特定的产品单页URL传递给iframeYes,这是我对该产品的单页url。您能给出您迄今为止尝试过的代码吗?将其与您的代码放在一起。您必须将特定的产品单页url传递给iframeYes,这是我对该产品的单页url。您能给出您迄今为止尝试过的代码吗?将其与您的代码放在一起。您必须将特定的产品单页url传递给iframeYes,这是我的产品单页url此产品你能给出你迄今为止尝试过的代码吗?将其与你的代码放在一起。你必须将你的特定产品单页url传递到iframeYes,这是我的产品单页url我需要类似按钮否