Firefox copyURLpulsでAmazonのサムネール画像付きリンクを簡単に作成
FirefoxのAddon(アドオン)のcopyURLpulsをカスタマイズしAmazonのサムネイル画像付きアフィリエイトタグを簡単にペーストできてしまう方法を紹介したいと思います。
Amazon.co.jp: Firefoxの改造テクニック!―カスタマイズ&拡張機能開発ガイド: 本: 大浦 淳
このようなリンクの作成が簡単に出来ます。
まずFirefoxをインストールされていない方
でダウンロードしてください
次にmozdev.org - copyurlplus: customizeをインストールして下さい。英語ページなのでGoogleにて翻訳(翻訳:Google翻訳≫mozdev.org - copyurlplus)
翻訳ページにてページ上部の"設置"→"V1.3.2 XPIはリンクを取付ける"からインストールできます。
インストール後は、Profilesフォルダーの中にテキストファイルを作りuser.jsにリネームして保存すればOK(文字コードはUTF-8にして下さい)
ProfilesフォルダーはOSによって違います。Profilesフォルダーの位置はFirefox Help: 設定ファイルの編集で記されています。
カスタマイズサンプル
使い方はAmazonのページ上で"商品の詳細"部分のASIN:"**********"のASINコード部分を選択した状態で右クリック→copyURLpuls→Amazonでコピー完了です。Blog投稿ページなどで貼り付けて下さい。
user_pref('copyurlplus.menus.n.label','Amazon'); user_pref('copyurlplus.menus.n.copy','<a href="http://www.amazon.co.jp/exec/obidos/ASIN/%SEL%/****/ref=nosim/" title="%TITLE%" target="_blank">\n<img src="http://images.amazon.com/images/P/%SEL%.01.THUMBZZZ.jpg" alt="%TITLE%" border="0" /></a>\n<p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/%SEL%/****/ref=nosim/" title="%TITLE%" target="_blank">%TITLE%</a></p>\n');
注意:"****"部分はAmazonのアソシエイトID]に書き換えて下さい。
"\n"は改行コードです。省いてもかまいません。
実際にコピーされるサンプル
Amazon.co.jp: Firefoxの改造テクニック!―カスタマイズ&拡張機能開発ガイド: 本: 大浦 淳
更にアイディア次第でいろんなHTMLリンクが作れます。コードは長くなりますがTABLEタグを使ってレイアウトしてみたり、ご自分のBlogのCSSコードと合わせてみたりとか出来ます。チャレンジしてみて下さい。
1/19追記
CSSファイルにボーダー属性を使い影のような装飾を加えてみました。やり方は簡単です。CSSファイルに追加するだけでいいです。
.*****{ float:left; margin:0 15px 5px 0; padding:3px; background-color:#fff; border-right:1px solid #999; border-bottom:2px solid #999; }
#***の部分と1px、2pxはお好きなカラーコードやサイズに変更しても大丈夫です。
投稿する記事(HTML)にclass="*****"とすればOKです。*****の部分はCSSとHTMLを同じにすればOK
以下の書籍が参考になります
Sponsored links