我正在尝试向我的网上商店添加一个 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 会不会有问题？
任何帮助将不胜感激，因为我被困在这里，我觉得我已经尝试了一切。
最佳答案
您正在使用的图像路径(“源”的参数值)不是图像。它实际上是一个 301(重定向)到 HTML 页面。您可以尝试使用具有适当内容类型的图像路径吗？
关于javascript - Tumblr 分享按钮不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11686857/