iTunesアフィリエイトは、PHG（Performance Horizon Group）に登録することで参加できます（2013年10月にリンクシェアからPHGに提携先が変更されました）。
今回はこのiTunesアフィリエイトと提携していること前提の内容なのですが、「アフィリエイトリンクと一緒にブログで視聴できるプレイヤーを表示させる方法」を紹介します。
2017年12月追記：公式ツールが「Apple Music Toolbox」がリリースされました。
Contents
こんなリンクが作れます
実際に見てもらった方が早いので、μ’sの「Snow halation」のリンクを作ってみます。
30秒間ですが、ブログ内で視聴することができます。これは便利！！
著作権が気になる方もいると思いますが、「iTunes Storeを宣伝告知する目的」かつ「楽曲の販促・宣伝目的」で使用する場合に限り、視聴音源の利用は許可されています。
AppHtmlブックマークレット・メーカーの使い方
AppHtmlブックマークレット・メーカーに飛びます。
設定
AppHtmlブックマークレット・メーカー
- 検索対象に「Song」を選択
- 出力先に「プレビュー表示」を選択
- 検索件数に「10件（or20件）」を選択
- PHGアフィリエイトID（トークン）にご自身の「アフィリエイト・トークン」を入力
- テンプレートをカスタマイズ（下記の「テンプレートのカスタマイズ」参照）
- 「設定を保存」をクリック（次回から「設定をロード」で設定を読み込み可能）
- 「Bookmarkletを生成」をクリック
- 「MusicHtml(Song) – 実行またはPC用ブックマーク」をクリック
「アフィリエイト・トークン」は必ずご自身のものを入力して下さい。iTunesアフィリエイトにログインした際、画面右上に表示されています。
アフィリエイト・トークン
テンプレートのカスタマイズ
例えば、最初に紹介したリンク「アイコン100」「名前」「アーティスト名」「リリース日」「価格」を表示させたい時は、下記のHTMLをそのままコピーして貼り付けて下さい。
|
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} |
曲を検索する
実行またはPC用ブックマークの「MusicHtml（Song）」をクリックすると、ダイアログボックスが表示されるので、「曲名」及び「歌手名」で曲を検索します（曲名を入力した方が楽です）。
曲を検索
目的の曲が表示されれば、「キャンセル」をクリックして決定します。違う曲の場合は、「OK」をクリックして次の曲を表示させます。少しややこしいので間違えないで下さい。
曲の選択
HTMLをコピーしてブログに貼り付ける
プレビューを確認し、問題なければHTMLをコピーしてブログに貼り付けます。
HTMLをコピーしてブログに貼り付ける
実際にできたリンク
Snow halation
μ’s
2013/01/09 ￥250
外観の変更は、全体を「div要素（クラス属性）」で囲む等してカスタマイズして下さい。
アイコン画像とプレイヤーをSSL化する方法
画像のURLを下記の様に置き換えて下さい。
| 変更前 | http://is[数字].mzstatic.com |
|---|---|
| 変更後 | https://is[数字]-ssl.mzstatic.com |
画像URLの「http」を「https」に変更、「is[数字]」を「is[数字]-ssl」に変更するだけです。
プレイヤーはSSL化に対応しているので、古い場合は再度コードを取得しなおして下さい。
最後に
リンクが正しく動作しているかは、実際にできたアフィリエイトリンクをご自身でクリックし、レポートで確認して下さい（iTunesアフィリエイトのレポートはリアルタイムで反映されます）。
また、ツールを使って作成したリンクをそのまま掲載すれば特に問題ありませんが、視聴音源だけを利用し、Amazonや他の音楽サイトを宣伝するのは禁止されているので注意して下さい。
最近のコメント