iTunes Storeはトップ10やトップ25などのRSS配信をしています。
RSSリーダーで読む事も、WordPressではなくても表示させる事は可能です。
私がWordPressを使ってるってだけです。
WordPressでのRSS表示方法は以前書いた『【WordPress】外部RSSを取得して表示する方法』の方法を使っています。
この方法を使ってWordPress上に表示させてみます。
『sidebar.php』など、PHPファイルに書くのであれば何の問題もありませんが、ページを使って表示させる場合はPHPで書いていますので、以下のプラグインが必要になります。
Exec-PHP plugin for WordPress
このプラグインを入れると、記事内だろうがページ内だろうが、どこでもPHPを書く事が出来ます。
以下はWordPressのページを使って、無料ゲームアプリ トップ10を表示させています。
説明文の開閉はjQueryを使用しています。
では、サンプルページのように表示させる方法。
まず、以下のサイトでRSSフィードを取得します。
Apple – iTunes – RSS Generator
今回は『Japan / App / 無料 app / 10 / ゲーム』で取得しています。
ページを作成し、以下のコードを書きます。
<?php
$rss = fetch_rss('http://ax.itunes.apple.com/WebObjects/MZStoreServices.woa/ws/RSS/topfreeapplications/sf=143462/limit=10/genre=6014/xml');
$maxitems = 10;
$items = array_slice($rss->items, 0, $maxitems);
if (empty($items)) echo 'No items';
else
foreach ($items as $item) :
?>
~~~~~
<?php endforeach; ?>
取得したRSSフィードをコピペし、表示する数を10に設定しています。
『~~~~~』の所に好きなようにデザインします。
RSSからの情報は『$item』に格納されます。
配列に入っているデータは以下のようになります。
| 名 称 | 表示コード |
|---|---|
| アップデート日 | |
| ID | |
| タイトル | |
| 説明文 | |
| 名前 | |
| 期間 | |
| 製作者 | |
| 価格 | |
| アイコン | |
| リンク | |
| リリース日 | |
| 1枚目のスクリーンショット | |
| コピーライト | |
| 全文 | |
注意点1
アイコンは3つのサイズがあり、『image』の中に3つ分のURLが入っています。
それをそのまま書いても表示されないので、100×100のアイコンを表示させる場合、以下のような文になります。
<img src="<?php echo substr($item['im']['image'],162,245); ?>" />
PHPのsubstrで162(161)文字目~245(244)文字目を出力するようにしています。数値は0から始まります。
ちなみに175×175の大アイコンもあるようで、その場合はこちら。
<img src="<?php echo substr($item['im']['image'],0,69); ?>175x175-75.jpg" />
注意点2
ジャンルとカテゴリーに関してはRSS内に入っていないので、手書きする必要があります。
最後に、サンプルページの全内容です。
<h2 class="title">AppStore 無料ゲームアプリ トップ10</h2>
<?php
$rss = fetch_rss('http://ax.itunes.apple.com/WebObjects/MZStoreServices.woa/ws/RSS/topfreeapplications/sf=143462/limit=10/genre=6014/xml');
$maxitems = 10;
$items = array_slice($rss->items, 0, $maxitems);
if (empty($items)) echo 'No items';
else
foreach ($items as $item) :
?>
<div class="entry_title_top"></div>
<h2 class="index_title"><a href="<?php echo $item['id']; ?>" target="_blank" style="font-size:16px;"><?php echo $item['im']['name']; ?></a></h2>
<div class="entry_title_btm"></div>
<div style="float:left; width:250px;">
<img src="<?php echo substr($item['im']['image'],162,245); ?>" />
<strong>価格:</strong> <?php echo $item['im']['price']; ?>
<strong>カテゴリー:</strong> ゲーム
<strong>リリース:</strong> <?php echo substr($item['im']['releasedate'],0,10); ?>
<strong>アップデート:</strong> <?php echo substr($item['updated'],0,10); ?>
<strong>販売業者:</strong> <?php echo $item['im']['artist']; ?>
<strong>コピーライト:</strong> <?php echo $item['rights']; ?>
</div>
<div style="float:right; width:330px; text-align:right;">
<img src="<?php echo $item['link_enclosure']; ?>" class="pict" width="300" />
</div>
<div style="clear:both;"></div>
<div class="entry_box" style="margin-bottom:30px;">
<div class="title">■原文説明</div>
<div class="intro"><?php echo $item['summary']; ?></div>
</div>
<?php endforeach; ?>
デザイン部で改行が変になっているのは、『brBrbr』を入れている為です。
注意点3
RSSを表示しているだけなので、LinkShareは使えません。
『Yahoo Pipes』を使えば出来るようですが、そこまで調べていません。
『app-store.org』、『BuzzApp!』、『CatchApp』なんかはシステムでしてそうですけど、どうやってiTunesからのデータを引っ張って来ているのかを知りたい。
そうすればLinkShare貼ってゴニョゴニョ出来るのに。w

今でも私の好きな曲『We Are the World』が25年の歳月を経て、ハイチ救援シングルとして復活しました。
1つのアプリを開いた時、画面が変わってるのは気づいていたんですが、GoogleとかShazamとか特別なアプリなのかなー程度に思ってましたが、そうではないらしいです。
本日もお買い物の為、電気屋を5件以上回ってきました。