【JINユーザ】カッテネ×Amazon、商品リンクの作成方法

こんにちは、わたあめです。

わたあめ

ブログで商品紹介リンク、どうやって作ればいいの？

商品管理プラグインはいくつかあって、Rinkerやカエレバなど色々とあり、どれにしようか迷いますよね。今回はカッテネ（kattene）というプラグインを導入したので、備忘兼ねて使い方を載せていきます！

カッテネ（kattene）とは、以下のような商品リンクを貼るためのプラグインです。

最近読んだ、わたあめのオススメ本です。早起きのやる気が格段にアップして5時起き出来るようになりました。

いくつか検討しましたが、わたあめが使いたいな～と思ったのは、こちらのプラグインでした。理由は後述させていただきますね！

今回は、カッテネでAmazonの商品リンクのみを作成する手順になっています。カッテネではリンクは本来5つまで作成することが可能ですが、今回は1つのみ、となります。

CSS・HTMLで設定する方法もありますが、簡単で分かりやすいショートコードの設定方法でいきます。

事前にAmazonアソシエイトの登録が済んでいることが前提です。

それでは、早速いってみましょう！！

カッテネ(kattene)インストール方法

まずは、プラグインをインストールします。

プラグインが使えるように、有効化します。

わたあめ

準備は以上で完了です！簡単！


    
    
      商品のタイトル
      商品の説明
      Amazon

上の日本語の部分：Amazonの画像URL・商品のタイトル・商品の説明・Amazonの商品紹介ページURLは、これから書き換えていきます。

Amazonの商品の画像のURLを取得して貼り付けます。

Amazonアソシエイトのページにログインします。
[ホーム]タブから、リンクしたい商品を検索します。
検索結果から、リンクを作成したい商品の[リンクを作成]ボタンをクリックします。
[画像のみ]タブをクリックします。
商品の画像がプレビューされているので、画像の上で右クリックし[画像アドレスをコピー(C)]をクリックします。
コピーしたコードの"Amazonの画像URL"の部分を⑤でコピーしたテキストで置き換えます。こんな感じです。
"image": "Amazonの画像URL",
↓
"image": "https://ws-fe.ZZZ/XXXX............"

商品名を記入していきます。商品名をベタ打ちすれば良いのですが、Amazonの方で名称がコピーできちゃうので、私はそうしています。

Amazonアソシエイトのページにログインします。
[ホーム]タブから、リンクしたい商品を検索します。
検索結果から、リンクを作成したい商品の[リンクを作成]ボタンをクリックします。（ここまでは前章と同じ手順です。）
[テキストのみ]タブをクリックし、[1. リンクをカスタマイズする]枠の[リンクテキスト]の文字列をコピーします。
コピーしたコードの"商品のタイトル"の部分を⑤でコピーしたテキストで置き換えます。こんな感じです。
"title": "商品のタイトル",
↓
"title": "わたあめ通信の秘密　～すぐできる5つの習慣～",

商品の説明を記載します。著者やメーカーなどの情報を記入します。

コピーしたコードの"商品の説明"の部分を書きます。自分で打ち込みます。こんな感じです。
"description": "商品の説明",
↓
"description": "わたあめ　ベストセラー1位",

商品紹介ページのURLを取得して、貼り付けます。

Amazonアソシエイトのページにログインします。
[ホーム]タブから、リンクしたい商品を検索します。
検索結果から、リンクを作成したい商品の[リンクを作成]ボタンをクリックします。（ここまでは前章と同じ手順です。）
[テキストのみ]タブをクリックし、[3. この商品リンクのHTMLを取得する]枠の[リンク]のラジオボタンを選択し、文字列をコピーします。
コピーしたコードの"Amazonの商品紹介ページURL"の部分を書きます。こんな感じです。
"url": "Amazonの商品紹介ページURL",
↓
"description": "https://www............",