javascript - Tumblr 分享按钮不起作用

Question

我正在尝试向我的网上商店添加一个 tumblr 分享按钮，但我没有让 Tumblr 分享按钮 ( see here) 工作。

• 我想分享一张用户定制的产品的图片，并设置一个点击链接到产品页面。
• 由于商店是基于 Knockout.js 构建的，并且产品配置器是动态加载的，因此 tumblr 提供的脚本“share.js”不起作用。

所以我的分享按钮的 URL 如下所示:

var url = 'http://www.tumblr.com/share/photo';
url += '?source=' + encodeURIComponent('https://www.filltheblank.de/public/images/taschen/7_16.1-17.3-18.122-19.129-20.132_1.jpg');
url += '&caption=' + encodeURIComponent('little black dress bag');
url += '&click_thru=' + encodeURIComponent('https://www.filltheblank.de/konfigurator/#step:1|product:7_16.1-17.3-18.122-19.129-20.132');

或者如果你把它们放在一起:

http://www.tumblr.com/share/photo?source=https%3A%2F%2Fwww.filltheblank.de%2Fpublic%2Fimages%2Ftaschen%2F7_16.1-17.3-18.122-19.129-20.132_1.jpg&caption=little%20black%20dress%20bag&click_thru=https%3A%2F%2Fwww.filltheblank.de%2Fkonfigurator%2F%23step%3A1%7Cproduct%3A7_16.1-17.3-18.122-19.129-20.132

当您打开该链接时，共享者将正常显示。但是，如果您单击“创建帖子”，该页面会将您重定向到一个页面，您可以在其中共享共享页面本身……而不是发布任何内容!

我还尝试使用另一种 URL 方案，由 tumblr 提供(但未记录):

http://www.tumblr.com/share?v=3&u=[url]&t=[title]&s=

这确实有效，但不支持包含图片或设置点击链接。结合这两种方法也行不通。

那么有人知道我可以做些什么来让它工作吗？如果有人能回答我以下问题之一，我也将非常感激:

• tumblr 提供的脚本“share.js”除了从我的普通链接中创建一个弹出链接外，还有其他重要的事情吗？
• 我用 javascript 动态重写产品页面的 URL 会不会有问题？

任何帮助将不胜感激，因为我被困在这里，我觉得我已经尝试了一切。

Answer 1

您正在使用的图像路径(“源”的参数值)不是图像。它实际上是一个 301(重定向)到 HTML 页面。您可以尝试使用具有适当内容类型的图像路径吗？