iTunesアフィリエイトは、PHG（Performance Horizon Group）に登録することで参加できます（2013年10月にリンクシェアからPHGに提携先が変更されました）。
今回はこのiTunesアフィリエイトと提携していること前提の内容なのですが、「アフィリエイトリンクと一緒にブログで視聴できるプレイヤーを表示させる方法」を紹介します。
Contents
こんなリンクが作れます
実際に見てもらった方が早いので、μ’sの「Snow halation」のリンクを作ってみます。
30秒間ですが、ブログ内で楽曲を視聴することができます。これは便利！！
著作権が気になる方もいると思いますが、「iTunes Storeを宣伝告知する目的」かつ「楽曲の販促・宣伝目的」で使用する場合に限り、視聴音源の利用は許可されています。
AppHtmlブックマークレット・メーカーの使い方
リンクは外部の支援ツールAppHtmlブックマークレット・メーカーで作成します。
設定
AppHtmlブックマークレット・メーカーの設定
- 「Song」を選択
- 「プレビュー表示」を選択
- 「10件（or20件）」を選択
- 「PHGアフィリエイトID（トークン）」を入力
- 「テンプレートのカスタマイズ」を入力
- 「設定を保存」をクリック（次回から「設定をロード」で呼び出し可能）
- 「Bookmarkletを生成」をクリック
- 「MusicHtml(Song) – 実行またはPC用ブックマーク」をクリック
アフィリエイトID（トークン）が分からない方は、iTunesアフィリエイトにログインした際、画面右上の「パートナートークン」の横に表示されているので確認して下さい。
アフィリエイト・トークン
テンプレートのカスタマイズ
例えば、最初に紹介したリンク「アイコン100」「名前（曲名）」「アーティスト名」「リリース日」を表示させたい時は、下記のコードをコピーして「テンプレートを直接カスタマイズできます」に貼り付けて下さい。画像と曲名がアフィリエイトリンクになります。
|
1 |
<a href="${url}" target="itunes_store" rel="noopener noreferrer"><img class="appIconImg" height="100" src="${icon100url}" style="float:left;margin: 0px 15px 15px 5px;"></a><strong><a href="${url}" target="itunes_store" rel="noopener noreferrer">${name}</a></strong><br>${artist}<br><font size="-2">${pubdate}</font><br style="clear:both;"><audio src="${preview}" controls> |
テンプレートを直接カスタマイズ
ちなみに、下記の呼び出しコードを使って自由にカスタマイズすることも可能です。
| コード | |
|---|---|
| 小さいボタン | ${badgeS} |
| 大きいボタン | ${badgeL} |
| テキストのみ | ${textonly} |
| 名前 | ${name} |
| ストアへのリンク | ${url} |
| プレビューURL | ${preview} |
| 価格 | ${price} |
| カテゴリ | ${category} |
| トラック数 | ${trackcnt} |
| リリース日 | ${pubdate} |
| アイコン100 | ${icon100url} |
| アイコン60 | ${icon60url} |
| アーティスト名 | ${artist} |
| アーティストURL | ${artisturl} |
| 実行日 | ${today} |
テーマのCSSが影響して、文字の大きさやレイアウトが崩れた時は、ご自身で調整して下さい。
僕は「クラス属性」を使って外観もカスタマイズしています。
曲を検索する
実行またはPC用ブックマークの「MusicHtml（Song）」をクリックすると、ダイアログボックスが表示されるので、「曲名」及び「歌手名」を入力して「OK」をクリックします（曲名の方が楽）。
曲を検索
目的の曲が表示されれば、「キャンセル」をクリックして決定します。違う曲が表示された場合は、「OK」をクリックして次の曲を表示させます。少しややこしいので間違えないで下さい。
曲の選択
HTMLをコピーしてブログに貼り付ける
プレビューを確認し、問題なければHTMLをコピーしてブログに貼り付けます。
HTMLをコピーしてブログに貼り付ける
ブログで綺麗に表示されれば設定は完了です。
レイアウトが崩れた時は、テーマのCSSが影響している可能性があります。テーマによって編集方法は異なりますので、ご自身で調整を行って下さい。
最後に
リンクが正しく動作しているかは、実際にできたアフィリエイトリンクをご自身でクリックし、レポートで確認して下さい（iTunesアフィリエイトのレポートはリアルタイムで反映されます）。
また、ツールを使って作成したリンクをそのまま掲載すれば特に問題ありませんが、視聴音源だけを利用し、Amazonや他の音楽サイトを宣伝するのは禁止されているので注意して下さい。
