HTTPSでもカエレバを使いたい!Amazonの画像をHTTPSで取得するブックマークレットを作りました。

カエレバをHTTPSページでも使いたい!ブックマークレット作りました。

Amazonや楽天のアフィリエイトリンクが簡単に作れる「カエレバ」ってものすごく便利じゃないですか!

便利すぎて他のツールには浮気出来ないくらい依存している「カエレバ」なのですが、当ブログをHTTPS化した関係で画像のソースをHTTPSで取得する必要が出てきました。

…厳密に言うと「取得」ではないのですが、カエレバで作成した商品リンクの画像をHTTPSで取得するブックマークレットを紹介します。

ブログをHTTPS対応したらカエレバでちょっとした問題が…

また一つくだらないブックマークレットを作りました。よっひー(@yosiakatsuki)です。

記事内にAmazonや楽天の商品リンクを追加するためのHTMLタグを簡単に作れてしまう最強ツール「カエレバ」

僕もブログを始めてからずっとお世話になりっぱなしで、モブログでもカエレバをガシガシ使う為に便利なブックマークレットを作ったこともありました。

今までは特に問題なく使っていたのですが、先日当ブログをHTTPSに対応させたことによりちょっとした問題が…

その問題は「Amazonの画像がHTTPで読み込まれてしまう」ということ…

HTTPSのページでは画像やjavascriptなどをHTTPで読み込むと「混在コンテンツ」となり、、、とにかくよろしくない状況になります。(詳しくは下記リンクを御覧ください)

いずれカエレバ側で対応されるとは思いますが、それまでの対策方法として簡単なブックマークレットを作成しましたのでご紹介致します。

カエレバで出力するAmazonの画像URLをHTTPSにするブックマークレット

カエレバで出力するAmazonの画像URLをHTTPSにする為に簡単なブックマークレットを作成しました。

やっていることは、ブログをHTTP→HTTPSに変更するときに、一括でAmazonの画像URLを置換したことと同じ事です。

早速、ブックマークレットはこちら↓

javascript:(function(){s=prompt('GETLINKTAG',document.getElementById('linkcode').getElementsByTagName('textarea')[0].value.replace('http://ecx.images-amazon.com','https://images-na.ssl-images-amazon.com'))})();

動き的には、カエレバの「画像+リンクリスト」で出力されたHTMLタグ内のhttp://ecx.images-amazon.comhttps://images-na.ssl-images-amazon.comに置換しています。

動作例

まずは、Amazon一部地域でよく話題になるウッディのアフィリエイトリンクをカエレバで出力してみます。

通常カエレバで出力するAmazonの画像リンクはhttpから始まる

画像のsrcはhttp://ecx.images-amazon.comから始まるURLで出力されました。

この状態で、先に紹介したブックマークレットを使用すると…

ブックマークレットを使うとhttpsから始まるURLを取得できる

ご覧のとおり、https://images-na.ssl-images-amazon.comで始まるURLで取得できます!

これさえあれば、ちまちま画像のsrcを変える必要がなくなります!

ちゃんとこの記事もHTTPSとして有効になっていますよね!

懸案事項その他

懸案事項

ふと、これってアフィリエイトリンクの改変にならないか…と心配になってきました。

リンク先のアドレスを変えるわけではないし、なにより「HTTPS対応ですでに同じ事をやってしまっている」ので大丈夫じゃないと困りますが…

心配があるようでしたら使わないほうがいいかもしれません。あいまいなこと書いててスミマセン。

兎にも角にも、何かあっても保証出来ませんので、ご利用は自己責任にてお願い致します。

その他

このままHTTPS化の流れが加速すればカエレバ側でも対応がされるはずです。

カエレバ側というか、各API側といったほうがいいかもしれません。

対応してくれるのを楽しみに待ちたいと思います。

よっしーのひとこと

よっひー

「コードの改変」ってことで、このブックマークレットの利用がNGだとすると、HTTPS対応の時の一括置換もNGですよね…

そしたら移行作業ってめっちゃ大変な作業になるんですけど…

大丈夫かな…?

ではまた。