Javascript 抓取 URL 并插入 Facebook 页面选项卡应用程序的 Pinterest 按钮

发布于 2025-01-06 12:55:04 字数 459 浏览 1 评论 0原文

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

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>

I am trying to add a Pinterest button onto a product page for a single image in a Facebook Tab app.

The Pinterest code is grabbed from their goodies section, and must include a URL, the Media URL and the Description.

I am not that proficient with Javascript. I am trying to pull the URL and insert into the Javascript button for a single item. Please see below; Thanks.

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

楠木可依 2025-01-13 12:55:04

由于您尝试让 Pinterest 按钮在 Facebook 页面选项卡中工作,因此由于无法知道您在 JavaScript 中所在的页面,因此这将不起作用。

此信息通过 signed_request 传递到服务器。您有几个选项可以执行此操作:

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

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

Since you trying to get Pinterest button working in Facebook Page tab this will not work due to inability to know which Page you're on in JavaScript.

This info is passed to server with signed_request. You have couple of options to do so:

  • Build the link to page that will be linked to "Pin" server-side
  • Pass information about Page and Page Tab to client side and build the link here.

Beware that this is just a link and it will not looks like Pin-It button until you including Pinterest JavaScript (//assets.pinterest.com/js/pinit.js) on a page. If you build that link in Client Side you must include that JavaScript after, so link will be replaced by iframe with actual Pin-It button.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文