当サイトは殆どiPhoneだけで制作・運営している様なものなので、PCを使わずにiPhoneだけで楽天の商品リンクを作成する方法を考えてみました。
当サイトは人気の無いサイトであり商品購入も稀なので、Amazonで商品リンクを作っても度々PA-APIが利用出来なくなります。※商品リンクを削除するか楽天で作り直すしかない
楽天商品リンクの作成方法【スマホ】
まぁそれなりに面倒なんですけど、慣れてしまえばこっちのものです。
- 楽天市場で該当商品のページURLをコピー
- ソースから「item_code」を探す
- Cocoonで楽天商品リンクを作成
商品ページのURLをコピー
まずは楽天市場でリンクを作成したい商品のページを表示させて、そのページのURLをコピーします。
アプリを使って商品コードを探す
アンドロイドだとURLの先頭に「view-source:」を追加すると確認できる?らしいですが、iPhoneは対応していない様です。
今回は『HTML Viwer Q』という無料アプリを使って商品コードを検索します。
- 右上の🔗をクリック
- 「アドレスを入力」欄にURLをペースト
- 行く
- 左上の「</>」をタップ
- 左上の「≡」から「検索」
- 検索窓に「item_c」と入力してOK
- ⏪⏩をタップ
『item_code』について
item_code=aaaaaaaa:12345678&
基本的に文字:数値(8桁くらい)の構成になっています。何となくの雰囲気でご判断ください。
Cocoonで商品リンクを作成
WordPressにCocoon用の商品コードを作成します。HTMLモードではなく「段落」で挿入すればOKです。
Amazon→[amazon asin=" " kw=" "]
楽天→[rakuten id=" " kw=" "]
idの括弧内に先ほど調べたitem_codeを挿入、kwには例えばamazonでその商品を検索する際のキーワード等を挿入します。
Amazon・楽天それぞれのコードをiPhoneの辞書に登録しておくと簡単に呼び出せて便利です。
HTML Viewer コピペ時の注意
HTML Viewer でコピーしたコードをWordPressサイトにペーストするとhtmlモードになってしまう様になったので、アプリ側でコピーする際に「共有 → コピー」を選んでください。
メモ・メール・検索ボックス・Line etc…、一旦他の何かにペーストとしてコピーし直すと、普通にペースト出来るかと思います。
完成
スマホだけでやってる人なんて少ないと思いますが、もはや私はPCよりスマホで作業する方が速く処理できます。そういう選手権があったら日本代表いけるかなとか思ったりしますが、たぶん競技人口が増えたら全然通用しないんだろうな〜とか考えてる暇があったら新しい記事でも投稿した方が良いですね。
Comment