<a>タグに商品コードを設定する
それでは、手軽にアフィリエイトリンクできるように、HTMLタグを設定します。ショッピングサイトへのリンク文字を囲んでいる <a>タグに、Amazon.co.jp用と楽天ブックス用のスタイルシートクラスを設定します。このスタイルシートクラスは見た目を定義するものではなく、単にどちらのアフィリエイトなのかを判別するだけのものです。
●Amazon.co.jpの場合
class="buyAmazon"
●楽天の場合
class="buyRakuten"
このようにしておけば、スタイルシートクラスを指定するだけで、Amazonや楽天以外のアフィリエイトにも対応できます。
次に商品へリンクします。前のページで確認したとおり、商品にはそれぞれコードが割り当てられています。Amazon.co.jpや楽天ブックスで個別商品ページを表示した際に、商品コードはURLの末尾になりますので、今回はこの商品コードの部分だけをコピー&ペーストすればリンクになるようにしましょう。
仕様は、以下のように <a>タグのrel属性に商品コードを指定すると、Amazon.co.jpと楽天ブックス用に自動的にアフィリエイトリンクされることとします。
<a href="#" class="buyAmazon" rel="4798014001">Amazon で買う</a>
<a href="#" class="buyRakuten" rel="4098928">楽天市場で買う</a>