WordPressで楽天のAPI「楽天ダイナミックアドAPI」を利用する覚え書き。 - [k]id東京都世田谷区　ホームページ制作　[k]id

WordPressで楽天グループのウェブサービス「楽天ダイナミックアドAPI」の利用方法の覚え書き。
下記ソースをサイドバーに記述すると、指定したページに関連する、商品が表示されます。

<div>
<div id="rakuten_dynamic_ad">読み込み中...</div>
<script type="text/javascript">
<!--
function rakutenCallBack(data) {
var ads = data.Body.Ads.Ad;
var html = '';
html = '<dl>';
for (var i = 0; i < ads.length; i++) {
var ad = ads&#91;i&#93;;
html += '<dt>';
html += '<a href="' + ad.AffiliateItemUrl + '" target="_blank"><img  src="' + ad.SmallImageUrl + '" alt="' + ad.ItemName + '" /></a>';
html += '</dt>';
html += '<dd>';
html += '<h4><a href="' + ad.AffiliateItemUrl + '" target="_blank">『' + ad.ItemName.substr(0,30) + '』</a></h4>';
html += ad.ItemPrice + '円';
if (ad.TaxFlag == 0) {
html += '(税込、';
}
else {
html += '(税別、';
}
if (ad.postageFlag == 0) {
html += '送料込)';
}
else {
html += '送料別)<br class="float_clear" />';
}
html += '</dd>';
}
html += '</dl>';
document.getElementById('rakuten_dynamic_ad').innerHTML = html;
}
-->
</script>
<script type="text/javascript" src="http://dynamic.rakuten.co.jp/rcm/1.0/i/json?developerId=&#91;ここにID&#93;&amp;affiliateId=&#91;アフィリエイトID&#93;&amp;url=&#91;ターゲットのURL&#93;&amp;callBack=rakutenCallBack"></script>
</div>

[ターゲットのURL]には
< ? php bloginfo('url'); ?>
　　　や
< ? php the_permalink(); ?>
のWordPressタグを挿入し、動的に生成する事も可能です。