【问题标题】:Tumblr share button not workingTumblr 分享按钮不起作用
【发布时间】:2012-07-27 11:28:11
【问题描述】:

我正在尝试将 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会不会有问题?

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

【问题讨论】:

  • 在问题中包含您问题的代码。不要依赖外部链接,因为它们可能会发生变化,使您的问题毫无用处。 StackOverflow 是一个库,是一个可供参考的问题集合,而不仅仅是一个论坛。
  • 请不要投反对票。它不在 Javascript 代码中。我的问题出在 URL 或 GET 参数中。我的帖子中直接有 URL,但它被某人编辑了。
  • 我对问题进行了更多编辑,以提供有关我想要做什么以及到目前为止我尝试了什么的更多信息。我还是卡住了……

标签: javascript html url web-applications tumblr


【解决方案1】:

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

【讨论】:

  • 糟糕,图片路径已过时,我在发布问题后更改了系统中的一些内容。我编辑了我的帖子!
  • 我又试了一次,现在可以了!唯一的解释是,之前我尝试分享透明 png,现在我分享了 jpg。
  • 似乎从 2018 年开始(至少)“/share/photo?source=...”不再起作用。共享按钮取而代之的是页面 og: 的信息。它以前肯定对我有用,现在停止工作。我也尝试使用 .jpg 图像而不是 .png。结果相同。
猜你喜欢
  • 2017-03-28
  • 2016-08-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-06-09
  • 2019-08-21
相关资源
最近更新 更多