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

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

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

HTML及びCSSの編集が苦手な方は、使い方が簡単な「iTunesの試聴タグ取得サービス」、表示させる内容をカスタマイズしたい方は「AppHtmlブックマークレット・メーカー」がお勧めです。

こんなリンクが作れます

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

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

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

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

iTunesの試聴タグ取得サービス

まず最初に、iTunesの試聴タグ取得サービスに飛びます。

リンクの作成

iTunesの試聴タグ取得サービス

iTunesの試聴タグ取得サービス

  1. 歌手名」及び「曲名」を入力
  2. アフィリエイト・トークン」を入力
  3. 検索」をクリック
  4. HTML」をコピーしてブログに貼り付ける

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

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

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

実際にできたリンク

Snow halation
μ’s
¥ 250

外観を変更したい時は、div要素のクラス属性「itunes-preview-embed」をカスタマイズして下さい。

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要素」で囲んで「クラス属性」を指定してカスタマイズして下さい。

最後に

リンクが正しく動作しているかは、実際にできたアフィリエイトリンクをご自身でクリックし、レポートで確認して下さい(iTunesアフィリエイトのレポートはリアルタイムで反映されます)。

また、ツールを使って作成したリンクをそのまま掲載すれば特に問題ありませんが、視聴音源だけを利用し、Amazonや他の音楽サイトを宣伝するのは禁止されているので注意して下さい。

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