Tumblr分享按钮不起作用

时间:2012-07-27 11:28:11

标签: javascript html url web-applications tumblr

我正在尝试向我的网上商店添加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

当您打开该链接时,共享器将显示正常。 但是,如果您点击“创建帖子”,该页面会将您重定向到您可以共享共享页面的页面......而不是发布任何内容!

我还尝试使用tumblr提供的另一种URL方案(但没有记录):

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

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

那么有人知道我能做些什么来让它发挥作用吗? 如果有人能回答我其中一个问题,我也会非常感激:

  • tumblr提供的脚本“share.js”除了用普通链接制作弹出链接外,还做了什么重要的事情吗?
  • 我用动态javascript重写产品页面的URL会不会有问题?

任何帮助都会非常感激,因为我被困在这里,我觉得我尝试了一切。

1 个答案:

答案 0 :(得分:3)

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