ブログで試聴できるiTunesアフィリエイトリンクの作り方

iTunesアフィリエイトは、PHG（Performance Horizon Group）に登録することで参加できます（2013年10月にリンクシェアからPHGに提携先が変更されました）。

今回はこのiTunesアフィリエイトと提携していること前提の内容なのですが、「アフィリエイトリンクと一緒にブログで視聴できるプレイヤーを表示させる方法」を紹介します。

注意
SSL（https）には対応していません。

Contents

1 こんなリンクが作れます
2 AppHtmlブックマークレット・メーカーの使い方
3 最後に

こんなリンクが作れます

実際に見てもらった方が早いので、μ’sの「Snow halation」のリンクを作ってみます。

Snow halation
μ’s
2013/01/09 ￥250

29秒間ですが、ブログ内で視聴することができます。これは便利！！

著作権が気になる方もいると思いますが、「iTunes Storeを宣伝告知する目的」かつ「楽曲の販促・宣伝目的」で使用する場合に限り、視聴音源の利用は許可されています。

AppHtmlブックマークレット・メーカーの使い方

AppHtmlブックマークレット・メーカーに飛びます。

設定

AppHtmlブックマークレット・メーカー

検索対象に「Song」を選択
出力先に「プレビュー表示」を選択
検索件数に「10件（or20件）」を選択
PHGアフィリエイトID（トークン）にご自身の「アフィリエイト・トークン」を入力
テンプレートをカスタマイズ（下記の「テンプレートのカスタマイズ」参照）
「設定を保存」をクリック（次回から「設定をロード」で設定を読み込み可能）
「Bookmarkletを生成」をクリック
「MusicHtml(Song) – 実行またはPC用ブックマーク」をクリック

「アフィリエイト・トークン」は必ずご自身のものを入力して下さい。iTunesアフィリエイトにログインした際、画面右上に表示されています。

アフィリエイト・トークン

テンプレートのカスタマイズ

例えば、最初に紹介したリンク「アイコン100」「名前」「アーティスト名」「リリース日」「価格」を表示させたい時は、下記のHTMLをそのままコピーして貼り付けて下さい。

<img class="appIconImg" height="100" src="${icon100url}" style="float:left;margin: 0px 15px 15px 5px;"><strong><a href="${url}" target="itunes_store">${name}</a></strong><br>${artist}<br><font size="-1">${pubdate} ${price}</font><br style="clear:both;"><audio src="${preview}" controls>

1	<img class="appIconImg" height="100" src="${icon100url}" style="float:left;margin: 0px 15px 15px 5px;"><strong><a href="${url}" target="itunes_store">${name}</a></strong><br>${artist}<br><font size="-1">${pubdate} ${price}</font><br style="clear:both;"><audio src="${preview}" controls>

文字の大きさの変更及びレイアウトが崩れる場合はご自身で調整して下さい。また、外観を変更したい時は、全体を「div要素」で囲んで「クラス属性」を指定してカスタマイズして下さい。

Songでカスタマイズする際に使えるコード

テンプレートのカスタマイズに対応コードを入力すれば、下記の情報を取得することができます。

※必要なければ覚える必要はありません。

	コード
小さいボタン	${badgeS}
大きいボタン	${badgeL}
テキストのみ	${textonly}
名前	${name}
ストアへのリンク	${url}
プレビューURL	${preview}
価格	${price}
カテゴリ	${category}
トラック数	${trackcnt}
リリース日	${pubdate}
アイコン100	${icon100url}
アイコン60	${icon60url}
アーティスト名	${artist}
アーティストURL	${artisturl}
実行日	${today}