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

WordPressで楽天のAPI「楽天ダイナミックアドAPI」を利用する覚え書き。

Category JavaScript,WordPress Tips Update 2008.07.17

twitterfacebookgoogle+はてなブックマークPocketであとで読むfeedlyで購読

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[i];
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=[ここにID]&amp;affiliateId=[アフィリエイトID]&amp;url=[ターゲットのURL]&amp;callBack=rakutenCallBack"></script>
</div>

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

ページトップへ