WordPressでASINコードからAmazonのアソシエイトリンクを挿入できるショートコードを紹介します。
ASINコードはAmazon商品ページの中ほどに記載されています。
ショートコードを使わずに手動でリンクを貼る場合は、Chrome拡張機能の「Amazon Affiliate Link Generator」を使うと便利です。
目次
テキストリンクのみのショートコード
ASINコードと本のタイトルから、テキストリンクを表示するショートコードです。
ショートコード
下記のショートコードを記事本文中で使うことができます。
表示サンプル
テキストリンクのみのシンプルな表示です。
表示ソースコードサンプル
表示ソースはこんな感じになっています。
<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');