Pinterest“固定”按钮不起作用答案

【问题标题】：Pinterest "Pin it" button is not workingPinterest“固定”按钮不起作用
【发布时间】：2012-03-19 06:41:46
【问题描述】：

我正在尝试将 pinterest 集成到网站中。我想添加“固定它”按钮。我无法让它工作。这是我正在做的事情：

转到以下 pinterest 页面：
- http://pinterest.com/about/goodies/
在网站的“固定”按钮下：
- 输入网址（http://www.polyvore.com/）
- 输入图片网址（http://embed.polyvoreimg.com/cgi/img-thing/size/y/tid/40748454.jpg）
- 复制了“Basic”下生成的代码：

固定它

在关闭正文标记之前粘贴。
我看不到文档说明的“固定”按钮。

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

【问题讨论】：

完美运行。看看jsfiddle.net/hcV4F你能描述一下你把它放在你网站的什么地方吗？
@enderskill：首先感谢您的提琴！但是，我的基本问题是，当您在单击按钮之前未登录 Pinterest 时，您将无法登录，然后继续分享您想要分享的内容。这是 Facebook 没有的问题，例如在这里，您只需登录，然后共享对话框就会出现。你如何解决这个问题？
@Garavani 在这里遇到了同样的问题。如果用户未登录，则首先不会发生共享。找到什么了吗？

标签： javascript social pinterest

【解决方案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>

【讨论】：

【解决方案2】：

在过去，如果文件名/路径中有某些字符，则无法固定某些图像。您的图像/路径看起来不错，但要获得按钮，您需要在他们的工具上选择按钮。 Pinterst Javascript 不如 Facebook、Twitter 甚至 Google+ 复杂，你必须接受它的局限性。 Pinterest 总体上非常简单，这是它的吸引力的一部分。

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

Minimum Image Size has changed to 100 x 200 pixels

【讨论】：