Tumblr share button not working
html, javascript, tumblr, url, web-applications
Solution
The image path you are using (param value for "source") is not an image. It is in fact a 301 (redirect) to an HTML page. Can you try using an image path that has the appropriate content type?
Problem
I'm trying to add a tumblr share button to my webshop and i don't get the Tumblr Share Button (see here) to work. - I want to share a picture of a product which is customized by the user, and set a clickthrough link to the product page. - Since the shop is built on Knockout.js and the product configurator is loaded dynamically, the script "share.js" provided by tumblr does not work. So the URL my share button has looks like the following: ``` 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'); ``` Or if you put it together: ``` 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 ``` When you open that link, the sharer will appear just fine. But if you click "Create post", the page will redirect you to a page where you can share the sharing page itself... And not post anything! I also tried using another URL scheme, provided by tumblr (but not documented): ``` http://www.tumblr.com/share?v=3&u=[url]&t=[title]&s= ``` This does work, but does not support including a picture or setting a click through link. Combining both methods also does not work. So does anybody know what i can do to get it to work? I would also be very thankful if someone could answer me one of these questions: - does the script "share.js" provided by tumblr do anything important other than making a popup-link out of my ordinary link? - Could it be a problem that i rewrite the URL of the product page with javascript dynamically? Any help would be much appreciated as i'm stuck here and i feel like i tried everything.