如何制作自定義的Pin It按鈕來創建Pinterest疊加層？

Question

注意：這不是重復的問題。

Buzzfeed在其帖子的頂部具有一個有趣的自定義Pinterest按鈕- 這是示例帖子 ，這是您要單擊的按鈕：

那么他們該怎么做呢？ 沒有正式的Pinterest開發人員文檔說明如何執行此操作。 而且我在Stack Overflow上找不到其他任何內容來解釋如何完成此特定UX。

Answer 1

我最終在這里找到了一個非常簡單，優雅的解決方案： 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>

（顯然，您可以將單詞“ Pin”更改為<img>或其中的任何內容。）