Web ショップに 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」は、通常のリンクからポップアップ リンクを作成する以外に何か重要なことを行いますか?
- 商品ページのURLをjavascriptで動的に書き換えてしまうのは問題でしょうか？
私はここで立ち往生していて、すべてを試したような気がするので、どんな助けも大歓迎です。