Pinterest“Pin it”按钮不起作用

时间:2012-02-29 18:50:49

标签: javascript social pinterest

我正在尝试将pinterest集成到一个网站中。我想添加“pin it”按钮。我无法让它发挥作用。这就是我正在做的事情:

  • 去了以下的pinterest页面:
  • 在网站的“Pin It”按钮下:
    • 进入网址(http://www.polyvore.com/)
    • 输入图片网址(http://embed.polyvoreimg.com/cgi/img-thing/size/y/tid/40748454.jpg)
    • 复制在“基本”下生成的代码:
<a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.polyvore.com%2F&media=http%3A%2F%2Fembed.polyvoreimg.com%2Fcgi%2Fimg-thing%2Fsize%2Fy%2Ftid%2F40748454.jpg" class="pin-it-button" count-layout="horizontal">Pin It</a>
<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>
  • 在关闭body标签之前粘贴。
  • 文档解释说,我看不到“Pin it”按钮。

我可能会做一些非常愚蠢的事情。谁能让我知道我在这里做错了什么?

2 个答案:

答案 0 :(得分:1)

它可以工作,但它只会为您提供“Pin It”文本的链接。如果你想要PinIt按钮,那么你需要写一下你需要在给定来源的锚标签之间加入img标签 - src="//assets.pinterest.com/images/PinExt.png" title="Pin It"

<a
 href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.polyvore.com%2F&amp;media=http%3A%2F%2Fembed.polyvoreimg.com%2Fcgi%2Fimg-thing%2Fsize%2Fy%2Ftid%2F40748454.jpg"`enter code here`
 class="pin-it-button" count-layout="horizontal">  
   <img src="//assets.pinterest.com/images/PinExt.png" title="Pin It" />
                   </a>

答案 1 :(得分:0)

在过去的日子里,如果文件名/路径中有某些字符,则无法固定某些图像。您的图像/路径似乎很好,但要获得按钮,您需要在其工具上选择按钮。 Pinterst Javascript不如Facebook,Twitter甚至是Google+那么复杂,你必须接受它的局限性。整个Pinterest非常简单,这是其吸引力的一部分。

此外,图像必须是最小尺寸且不能太大,否则也不允许固定图像。

Minimum Image Size has changed to 100 x 200 pixels

相关问题