ZennですぐAmazonアフィできるようにブックマークレットでMarkDownのアフィリンク作成できるようにする
ブックマークレットとは
ブックマークレットはブラウザのお気に入りのurlに圧縮されたjavascriptのコードを入れるとそのお気に入り(ブックマークレット)をクリックするとjavascriptのコードが実行されるものです。
# ZennでAmazonアフィするにはMarkDownで書かないといけない
ZennでAmazonのアフィリエイトをするにはMarkDownでかかないといけません。そのため手動でやっているといちいちアフィリエイトリンクを作成するためにAmazonのサイトにいきアフィのリンクを調べてMarkDownで書かないといけないわけです。これだとめちゃくちゃめんどくさいです。
そこでブックマークレットをつかいプログラミングで時短しようというわけです。
AmazonのショートリンクをMarkDownに書き換える。
まずMarkDownのリンクに関してですが通常の文字列のリンクと画像のリンクがあるかと思います。今回は画像のリンクの方のコードを紹介します。文字列のリンクにしたいかたは適宜書き換えればよいかと思います。
javascript : (function (d) {
function l() {
(function ($) {
let title = document.title;
let afflink = $('#amzn-ss-text-shortlink-textarea').text();
let imgsrc = $('#imgTagWrapperId img').attr('src');
let markdown = `[](${afflink}) `;
const ta = document.createElement("textarea");
ta.value = markdown;
document.body.appendChild(ta);
ta.select();
document.execCommand("copy");
ta.parentElement.removeChild(ta);
})(jQuery)
}
if (typeof jQuery == 'undefined') {
let j = d.createElement('script');
j.type = 'text/javascript';
j.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js';
d.body.appendChild(j);
j.onload = l;
} else {
l()
}
})(document);
このコードはAmazonの商品ページにあるアソシエイトツールバーのショートリンク、商品名、画像のurlを取得しMarkDownに書き換えてクリップボードにコピーします。
お気づきの方もいるかもしれませんがjqueryを使っているのもポイントです。それからこちらはアマゾンのアソシエイトツールバーが使えることが前提です。アソシエイトツールバーはアマゾンアソシエイトにログインしていればAmazonのサイトにいったときに自動で表示されるはずです。
あとこのコードはそのままお気に入りのURLに貼っても使えません。コードを圧縮してから使ってください。それからこのコードの動作は保証はしません。なにか不備があって動かないかもしれません。コードが読めない人は勉強してください。この記事が役に立ったと思った方はバッジをください
# zennはアソシエイトツールバーのショートリンクをはるだけでよい
zennはアソシエイトツールバーのショートリンクを貼るだけでカード型のリンクとして表示されることがわかりました。なのでさきほどのブックマークレットは使う必要がないことがわかりました。
Discussion