A mazonの商品ページのリンク
「Amazon Item_URL」は「Amazonの各種ページ」の短縮リンクを生成するツールで、生成したリンクは色々な場面で利用できます。
「Amazon Item_URL」は利用可能な画面が大変に拡く、高機能です。 コードの主要部は、以下のページを参照ください。
私は Amazonのリンクを作る際に必ず使うのですが、これまでのパネルの配置を改善して画面の隅にするため、閉じる「✖」ボタンを追加しました。 少し使い良いかも。 使い方はすぐ判る簡単なものですが、この機会に纏め直します。
「Amazon Item_URL」の使い方
Amazonのサイトの画面の左上隅に「ロゴ」が表示されますが、このツールはこれをスイッチにしています。
画面を開いて数秒で、ロゴマークに「赤枠」が表示されます。 これは URL情報が取得する用意が出来たことを示しています。
「赤枠」のロゴマークを「左Click」すると、ツールパネルが表示されます。
❶ ツールが取得した短縮URLの内容の表示です。 (編集は出来ません)
❷「Test」を「左Click」すると、左のURL先を別タブに開きます。
▪ 取得したURLが、同じ画面を開けるかをテストするボタンです。
❸「Copy」を「左Click」すると、左のURLをクリップボードにコピーします。
▪ 確認のためにボタンが 1secだけ「copied」の表示になります。
❹「✖」を「左Click」すると、このパネルを閉じます。
単品商品以外のリンク
単品商品のページの「URL」は、通常は短縮化が可能です。 しかし例えば、あるキーワードでの検索結果ページのリンクなどは、短縮化は部分的に可能だったり、全くできない場合もあります。 下のURLは全く短縮できないタイプの例です。
下は単品商品ではない「セール」の特設ページですが、短縮化が可能な場合と判断して「短縮化URL」を生成しています。
その他
▪ 短縮化URLは、それを必要とする画面にペーストして使います。
▪「短縮URL」が不要な時は、「赤枠」の表示は無視してください。
▪ スタンバイになる以前に「ロゴマーク」を「左Click」した場合は、本来の操作となって、現在の画面が「Amazonトップ」へ移動してしまいます。
▪「赤枠」の表示後に「Amazonトップ」に移動したい場合は、「ロゴマーク」を「Ctrl+左Click」もしくは「Shift+左Click」してください。
▪ このツールは常駐型のツールです。 インストール後は「Tampermonkey」のダッシュボードで常時ONにしておくと、Amazonのサイトを表示した時のみ起動します。
「Amazon Item_URL」を利用するには
このツールは Chrome / Edge / Firefox版の拡張機能「Tampermonkey」上で動作します。 以下に、このツールの導入手順を簡単に説明します。
❶「Tampermonkey」を導入します
◎ 使用しているブラウザに拡張機能「Tampermonkey」を導入する事が必要です。
既に「Tampermonkey」を導入している場合は、この手順 ❶ は不要です。
拡張機能の導入については、以下のページに簡単な説明があるので参照ください。
❷「Tampermonkey」にスクリプトを登録します
◎「Tampermonkey」の「+」マークの「新規スクリプト」タブを開きます。
◎「新規スクリプト」には、最初からテンプレートが記入されています。 これは全て削除して、完全に空白の編集枠に 下のコードをコピー&ペーストします。
〔コピー方法〕 軽量シンプルなツール「PreBox Button 」を使うと
コード枠内を「Ctrl+左Click」➔「Copy code 」を「左Click」
の操作で、掲載コードのコピーが可能になります。
◎ 最後に「ファイル」メニューの「保存」を押すと、ツールが使用可能になります。
〔 Amazon Item_URL 〕 ver. 0.3
// ==UserScript== // @name Amazon Item_URL // @namespace http://tampermonkey.net/ // @version 0.3 // @description アマゾンの商品ページのURLを短縮 // @author You // @match https://www.amazon.co.jp/* // @icon https://www.google.com/s2/favicons?sz=64&domain=amazon.co.jp // @grant none // ==/UserScript== let panel_disp=0; // パネルの表示フラグ let retry=0; let interval=setInterval(wait_target, 20); function wait_target(){ retry++; if(retry>20){ // リトライ制限 20回 0.4secまで clearInterval(interval); } let target=document.body; // 監視 target if(target){ clearInterval(interval); env(); }} function env(){ let panel= '<div id="tr_panel">'+ '<div id="tr_url"></div>'+ '<button id="tr_test">Test</button>'+ '<button id="tr_copy">Copy</button>'+ '<button id="tr_close">✖</button>'+ '</div>'+ '<style>#tr_panel { position: fixed; top: 0px; left: 0; z-index: 5000; '+ 'font: normal 16px/24px Meiryo; padding: 14px 20px 12px; '+ 'background: #fff; border: 1px solid #aaa; align-items: center; display: none; } '+ '#tr_url { padding: 4px 15px 2px; border: 1px solid #aaa; '+ 'max-width: 80vw; word-break: break-word;} '+ '#tr_test, #tr_copy, #tr_close { margin-left: 15px; padding: 2px 10px 0; height: 32px; '+ 'border: 1px solid #aaa; background: linear-gradient(transparent, #c3e0ee); } '+ '#tr_test:hover, #tr_copy:hover, #tr_close:hover { '+ 'background: linear-gradient(#c3e0ee, transparent ); } '+ '</style>'; if(!document.querySelector('#tr_panel')){ document.body.insertAdjacentHTML('beforeend', panel); }} window.addEventListener('load', function(){ ready(); let nav=document.querySelector('#nav-logo'); if(nav){ nav.onclick=function(event){ if(!event.ctrlKey && !event.shiftKey){ event.preventDefault(); tr_short(); }}}}); function ready(){ let nav_a=document.querySelector('#nav-logo a'); if(nav_a){ nav_a.style.outline="2px solid red"; }} function tr_short(){ let tr_panel=document.querySelector('#tr_panel'); if(tr_panel){ if(panel_disp==0){ panel_disp=1; tr_panel.style.display='flex'; query_cut(); } else{ panel_disp=0; tr_panel.style.display='none'; }}} function query_cut(){ let url_input=document.querySelector('#tr_url'); if(url_input){ let def_url=location.href; let smart_url; let product; if(def_url.indexOf('www.amazon.co')==-1){ // Amazon以外 smart_url=cut_after(def_url, '?'); } else{ // Amazonの場合 if(def_url.indexOf('/b/')==-1 && def_url.indexOf('/b?')==-1 && def_url.indexOf('/s/')==-1 && def_url.indexOf('/s?')==-1 && cut_before(def_url, '?').indexOf('node=')==-1){ if(def_url.indexOf('/gp/')!=-1){ product=cut_after(cut_before(cut_after(def_url, '?'), '/gp/'), '/ref='); smart_url='https://www.amazon.co.jp'+ product; } else if(def_url.indexOf('/dp/')!=-1){ product=cut_after(cut_before(cut_after(def_url, '?'), '/dp/'), '/ref='); smart_url='https://www.amazon.co.jp'+ product; } else{ smart_url=cut_after(def_url, '?'); }} else{ smart_url=def_url; }} url_input.textContent=smart_url; test(); copy(); close(); } function cut_before(row, string){ // 前方を削除 let rs; if(row.indexOf(string)!=-1){ rs=row.substring(row.indexOf(string)); return rs; } else{ return row; }} function cut_after(row, string){ // 以降を削除 let rs; if(row.indexOf(string)!=-1){ rs=row.substring(0, row.indexOf(string)); return rs; } else{ return row; }} function test(){ let tr_test=document.querySelector('#tr_test'); if(tr_test){ tr_test.onclick=function(){ if(panel_disp==1){ let url_input=document.querySelector('#tr_url'); if(url_input.textContent){ window.open(url_input.textContent, '_blank'); }}}}} function copy(){ let tr_copy=document.querySelector('#tr_copy'); if(tr_copy){ tr_copy.onclick=function(){ if(panel_disp==1){ let url_input=document.querySelector('#tr_url'); if(url_input.textContent){ if (navigator.clipboard){ // copyToClipboardを実行 navigator.clipboard.writeText(url_input.textContent); tr_copy.textContent='copied'; setTimeout(()=>{ tr_copy.textContent='Copy'; }, 1000); }}}}}} function close(){ let tr_panel=document.querySelector('#tr_panel'); let tr_close=document.querySelector('#tr_close'); if(tr_panel && tr_close){ tr_close.onclick=function(){ panel_disp=0; tr_panel.style.display='none'; }}} } // query_cut()
「Amazon Item_URL」最新版について
旧いバージョンの JavaScriptツールは、Amazonサイトのページ構成の変更で動作しない場合があり、導入する場合は最新バージョンをお勧めします。
●「Amazon Item_URL」の最新バージョンへのリンクは、以下のページのリンクリストから探せます。