Javascript 抓取 URL 并插入 Facebook Page Tab App 的 Pinterest 按钮

【问题标题】：Javascript Grab URL and insert into Pinterest button for Facebook Page Tab AppJavascript 抓取 URL 并插入 Facebook Page Tab App 的 Pinterest 按钮
【发布时间】：2012-02-15 20:08:21
【问题描述】：

我正在尝试将 Pinterest 按钮添加到 Facebook 选项卡应用中的单个图像的产品页面上。

Pinterest 代码是从他们的好东西部分获取的，并且必须包含 URL、媒体 URL 和描述。

我对 Javascript 不是很精通。我正在尝试提取 URL 并插入单个项目的 Javascript 按钮。请看下文；谢谢。

    <a href="javascript:document.write(location.href);&media=http%3A%2F%2Fwww.mywebsite.net%2Ffiles%2Ftest%2Fks3.jpg&description=hello%20this%20is%20a%20product" class="pin-it-button" count-layout="horizontal">Pin It</a>

【问题讨论】：

标签： javascript facebook pinterest

【解决方案1】：

由于您试图让 Pinterest 按钮在 Facebook 页面选项卡中工作，因此由于无法知道您在 JavaScript 中位于哪个页面上，因此这将不起作用。

此信息通过signed_request 传递到服务器。您有两种选择：

构建指向将链接到“Pin”服务器端的页面的链接
将有关页面和页面选项卡的信息传递给客户端并在此处建立链接。

请注意，这只是一个链接，除非您在页面上包含 Pinterest JavaScript (//assets.pinterest.com/js/pinit.js)，否则它不会看起来像 Pin-It 按钮。如果您在客户端构建该链接，则必须在之后包含该 JavaScript，因此链接将被 iframe 替换，并带有实际的 Pin-It 按钮。

【讨论】：