WPアソシエイトポストR2のショートコードを1秒で生成するブックマークレットでAmazonの商品リンクを作るとめちゃくちゃ便利

MarsEditという外部エディタでブログの記事を書いている僕がRinkerではなく、WPアソシエイトポストR2を使っていくことに決めたきっかけになったブックマークレットを紹介します。

WPアソシエイトポストR2を使用している人はとりあえず試してみてください。作業効率が上がりまくりです。

ブックマークレットを使って秒で商品リンクのショートコードを作ろう

Ryoさんの作成したAmazonjs のリンクを生成するブックマークレットをカスタマイズしたのがこちら。

javascript:(function(){prompt('WPAP Short Code','[wpap type="detail" id="'+document.getElementById('ASIN').value+'" title="'+(document.getElementById('productTitle')!=null?document.getElementById('productTitle').innerText:document.getElementById('btAsinTitle').innerText)+'" search="'+(document.getElementById('productTitle')!=null?document.getElementById('productTitle').innerText:document.getElementById('btAsinTitle').innerText)+'"]');})();

このブックマークレットを使うには

  1. 上記のスクリプトをブックマークに登録
  2. Amazonの商品ページで登録したブックマークレットを実行
  3. 生成されたショートコードをコピペ

と、めっちゃお手軽で便利。

こんなカスタマイズをしてみた

オリジナルのブックマークレットのどこをカスタマイズしたのか残しておきます。

javascript:(function(){prompt('WPAP Short Code','[wpap type="detail" id="'+document.getElementById('ASIN').value+'" title="'+(document.getElementById('productTitle')!=null?document.getElementById('productTitle').innerText:document.getElementById('btAsinTitle').innerText)+'" search="'+(document.getElementById('productTitle')!=null?document.getElementById('productTitle').innerText:document.getElementById('btAsinTitle').innerText)+'"]');})();
  • prompt:商品リンクを生成時点でコピーできるように
  • wpap type="detail" id=〜:WPアソシエイトポストR2用のショートコード属性に書き換え
    • ショートコードが生成された時にデフォルトで商品タイトルを検索ワードに設定しておくことでコピペ後に検索ワードをすぐに変更できるようになって作業効率上がりまくる

という感じでカスタマイズしました。

今後、楽天の単独表示やヤフーショッピングの単独表示が実装されてもこのブックマークレットで対応できるんじゃないかなーと思っています。

既知の問題点

以下のジャンルの商品はブックマークレットで商品リンクを作成する事はできません。

  • Kindle本
  • デジタルミュージック

対応策

  • WordPressの投稿画面から商品リンクを作成する
  • ASINや商品タイトルを手動でコピーする
  • ブックマークレットを使い分ける

おぎぃさんの作成したASIN取得ブックマークレットを少しカスタマイズしたところKindle本と本のみで動作するブックマークレットができました。

javascript:var title=(document.getElementById('productTitle')!=null?document.getElementById('productTitle').innerText:document.getElementById('ebooksProductTitle').innerText);var li=document.getElementsByTagName('li'),i=0,e,t;while(e=li[i++])void((t=e.innerHTML).match(/ASIN:|ISBN-10:/)&&prompt('WPAP Short Code',t.replace(/^.+ (<\/b>)?(.+)$/,'[wpap type="detail" id="$2" title="'+title+'" search="'+title+'"]')))

まとめ

そんな感じで商品リンクを秒で作る事ができて作業が捗ります。WordPressの投稿画面ではなく外部エディタを使っている人は一度試してみてください。めっちゃ楽。

WPアソシエイトポストR2とRinkerを比較してどっちを使うのか問題が解決したのでまとめておきます

2018.06.16
data-matched-content-rows-num="4" data-matched-content-columns-num="3" data-matched-content-ui-type="image_stacked"

コメントを残す

This site uses Akismet to reduce spam. Learn how your comment data is processed.