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

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

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

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

2017年12月追記:公式ツールが「Apple Music Toolbox」がリリースされました。

SSL対応!iTunesの視聴プレイヤーを表示させる公式ツール「Apple Music Toolbox」

2017.12.05

こんなリンクが作れます

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

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

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

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

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

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

設定

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

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

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

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

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

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

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

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

文字の大きさの変更及びレイアウトが崩れる場合はご自身で調整して下さい。また、外観を変更したい時は、全体を「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をコピーしてブログに貼り付ける

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や他の音楽サイトを宣伝するのは禁止されているので注意して下さい。

スポンサーリンク
スポンサーリンク