WordPressでASINコードからAmazonのアソシエイトリンクを挿入できるショートコード

WordPressでASINコードからAmazonのアソシエイトリンクを挿入できるショートコードを紹介します。

ASINコードはAmazon商品ページの中ほどに記載されています。

AmazonのASINコード

ショートコードを使わずに手動でリンクを貼る場合は、Chrome拡張機能の「Amazon Affiliate Link Generator」を使うと便利です。

テキストリンクのみのショートコード

ASINコードと本のタイトルから、テキストリンクを表示するショートコードです。

ショートコード

下記のショートコードを記事本文中で使うことができます。

[amazon asin="B00F0FQ8EC" title="アイディアのちから"]

表示サンプル

テキストリンクのみのシンプルな表示です。

アイデアのちから

表示ソースコードサンプル

表示ソースはこんな感じになっています。

<a href="https://www.amazon.co.jp/dp/B00F0FQ8EC/?tag=wwwikirukoto-22">アイデアのちから</a>

function.php

ショートコードを実装するにはfunction.phpに下記のコードを追記します。

function amazon_link($params = array()) {
  extract(shortcode_atts(array(
    'asin' => '',
    'title' => ''
  ), $params));
  $html = '';
  $html .='<p><a href="http://www.amazon.co.jp/dp/' . $asin . '">' . $title . '</a></p>';
  return $html;
}
add_shortcode('amazon', 'amazon_link');

テキストリンクと商品画像のショートコード

ASINコードと本のタイトルから、リンク付き商品画像とテキストリンクを表示するショートコードです。

ショートコード

下記のショートコードを記事本文中で使うことができます。

[amazonimg asin="B00F0FQ8EC" title="アイディアのちから"]

表示サンプル

リンク付き商品画像とテキストリンクを表示します。

アイデアのちから
アイデアのちから

表示ソースコードサンプル

表示ソースはこんな感じになっています。

<a href="https://www.amazon.co.jp/dp/B00F0FQ8EC/?tag=wwwikirukoto-22"><img class="alignnone size-full wp-image-142" src="https://www.ikirukoto.com/www/wp-content/uploads/iedebouya/2016/08/4186Vu4DbKL._AC_SX220_.jpg" alt="アイデアのちから" width="220" height="300" /></a>
<a href="https://www.amazon.co.jp/dp/B00F0FQ8EC/?tag=wwwikirukoto-22">アイデアのちから</a>

function.php

ショートコードを実装するにはfunction.phpに下記のコードを追記します。

function amazonimg_link($params = array()) {
  extract(shortcode_atts(array(
    'asin' => '',
    'title' => ''
  ), $params));
  $html = '';
  $html .='<p><a href="http://www.amazon.co.jp/dp/' . $asin . '"><img src="http://images-jp.amazon.com/images/P/' . $asin . '" alt="' . $title . '" width="180"></a><br>
  <a href="http://www.amazon.co.jp/dp/' . $asin . '">' . $title . '</a></p>';
 return $html;
}
add_shortcode('amazonimg', 'amazonimg_link');