Tumblr分享按钮无法使用

5

我正在尝试在我的网店中添加Tumblr分享按钮,但我无法使Tumblr分享按钮(请参见此处)正常工作。

  • 我想分享一个用户定制的产品图片,并设置一个指向产品页面的点击链接
  • 由于商店是基于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

当你打开那个链接时,分享者会正常显示。但是如果你点击“创建帖子”,页面将重定向到一个页面,你可以在上面分享该分享页面本身...而不是发布任何内容!
我还尝试使用tumblr提供的另一种URL方案(但未记录在案):
http://www.tumblr.com/share?v=3&u=[url]&t=[title]&s=

这种方法确实可行,但不支持包含图片或设置点击链接。同时使用两种方法也不起作用。

那么有人知道我该怎么做才能让它工作吗? 如果有人能回答我以下问题,我也会非常感激:

  • 提供给Tumblr的“share.js”脚本除了将我的普通链接转换为弹出链接之外还有什么重要作用吗?
  • 我使用JavaScript动态重写产品页面的URL可能会有问题吗?

任何帮助都将不胜感激,因为我陷入困境,感觉已经尝试了所有方法。


请在问题中包含您的代码,不要依赖外部链接,因为它们可能会更改,使您的问题无用。StackOverflow是一个库,一个可用作参考的问题集合,而不仅仅是一个讨论论坛。 - Graham
请不要点踩。这不是在Javascript代码中的问题。我的问题在于URL或GET参数。我在帖子中直接放置了URL,但被某人编辑掉了。 - Lixus
我进一步编辑了问题,提供了更多关于我想做什么以及迄今为止尝试过什么的信息。我还是卡住了... - Lixus
1个回答

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

糟糕,图片路径已过时,自从我发布问题以来,系统中的一些内容已更改。我编辑了我的帖子! - Lixus
我又试了一遍,现在它可以工作了!唯一的解释是之前我试图分享一个透明的PNG文件,而现在我分享的是JPG文件。 - Lixus
似乎从2018年开始,“/share/photo?source=…”不再起作用。分享按钮取代了页面og:的信息。对我来说,它肯定以前是有效的,现在停止工作了。我也尝试使用.jpg图像而不是.png。结果相同。 - Garavani

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接