2012-02-29 83 views
1

我试图将pinterest整合到网站中。我想添加“钉住它”按钮。我无法让它工作。下面是我在做什么:Pinterest“Pin it”按钮不起作用

  • 又到以下页面Pinterest的:
  • 在“别起来”按钮的网站:
    • 输入网站地址(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> 
  • 粘贴该结束标记之前。
  • 我无法看到文档解释的“Pin it”按钮。

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

+4

完美地工作。看一下http://jsfiddle.net/hcV4F/你能描述你把这个放在你的网站上吗? – enderskill 2012-02-29 22:07:12

+1

@enderskill:首先感谢小提琴!但是,我的基本问题是,如果您没有首先登录到Pinterest,则在点击按钮之前,您将无法登录,然后继续分享您想共享的内容。这是Facebook没有的问题。在这里您只需登录,然后出现共享对话框。你如何解决这个问题? – Garavani 2017-09-07 13:29:01

+1

@Garavani在这里有相同的问题。如果用户未登录分享不在第一时间发生。发现了什么? – orhankutlu 2017-09-25 14:45:54

回答

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> 
0

在古时,如果他们在某些字符的一些图像无法固定文件名/路径。你的图片/路径看起来不错,但要获得你需要在他们的工具上选择按钮的按钮。 Pinterst JavaScript比Facebook,Twitter甚至Google+都不那么复杂,你必须接受它的限制。整体而言,Pinterest非常简单,这是其“吸引力”的一部分。

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

Minimum Image Size has changed to 100 x 200 pixels