我正在尝试在我的网店中添加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可能会有问题吗?
任何帮助都将不胜感激,因为我陷入困境,感觉已经尝试了所有方法。