生成指定 URL 的 Pinterest 共享按钮答案

【问题标题】：Generate Pinterest Share Button That Specifies URL生成指定 URL 的 Pinterest 共享按钮
【发布时间】：2013-06-11 08:56:39
【问题描述】：

我正在尝试创建一个“pinterest 分享”按钮，但遇到了障碍。

目前，我的 pinterest 按钮（从他们的 Widget Builder 生成）出现在灯箱中。（出于某些原因，它必须以这种方式出现。）

问题是灯箱代码上有直接链接，因此灯箱窗口的代码类似于：www.domain.com/#/social/4

Pinterest 正在获取该 URL（没有图像，因为它只是灯箱）而不是主页的 URL (www.domain.com)。

有谁知道我如何指定要通过 pinterest 按钮分享的确切 URL？

我读过一些帖子说这样做会起作用：

<a href="http://pinterest.com/pin/create/button/?url=http://www.domain.com" class="pin-it-button" count-layout="none"><img src="//assets.pinterest.com/images/PinExt.png" alt="Pin it" / ></a> <script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>

但是，指定 URL 似乎根本不起作用。它似乎被完全忽略并且没有影响。

有什么想法吗？

提前致谢！

【问题讨论】：

标签： social-networking pinterest

【解决方案1】：

您可以使用标准链接并在参数中指定所有数据：

<a href="http://www.pinterest.com/pin/create/button/
        ?url=http%3A%2F%2Fwww.flickr.com%2Fphotos%2Fkentbrew%2F6851755809%2F
        &media=http%3A%2F%2Ffarm8.staticflickr.com%2F7027%2F6851755809_df5b2051c9_z.jpg
        &description=Next%20stop%3A%20Pinterest"
        data-pin-do="buttonPin"
        data-pin-config="above">
        <img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" />
    </a>

来源：http://developers.pinterest.com/pin_it/

【讨论】：

【解决方案2】：

您可以尝试使用结构化元数据和Rich Pins。

【讨论】：