如何制作自定义Pin It按钮以创建Pinterest叠加层?

时间:2015-03-20 21:50:13

标签: javascript sharing pinterest

注意:这不是一个重复的问题。

Buzzfeed在帖子的顶部有一个有趣的自定义Pinterest按钮 - here is a sample post,这是您要点击的按钮:

enter image description here

那他们怎么做呢? Pinterest官方开发者文档都没有解释如何执行此操作。我在Stack Overflow上找不到任何其他内容,它解释了如何完成这个特定的用户体验。

1 个答案:

答案 0 :(得分:3)

我最终在这里找到了一个非常简单,优雅的解决方案:https://halgatewood.com/how-to-customize-the-pin-it-button-for-pinterest

<script>
function pinIt()
{
  var e = document.createElement('script');
  e.setAttribute('type','text/javascript');
  e.setAttribute('charset','UTF-8');
  e.setAttribute('src','https://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);
  document.body.appendChild(e);
}
</script>

<a href="javascript:pinIt();">Pin</a>

(显然,你可以将单词&#34; Pin&#34;更改为<img>或其中任何你想要的内容。)