ブログで試聴できるiTunesアフィリエイトリンクの作り方を紹介します。
現在は公式ツールApple Music Toolboxがリリースされているので、使いやすい方を使って下さい。
こんなリンクが作れる
実際に見てもらった方が早いので、LiSAの「炎」のリンクを作ってみました。
30秒間ですが、ブログ内で楽曲を視聴することができます（これは便利！）。
著作権が気になる方もいると思いますが、「iTunes Storeを宣伝告知する目的」かつ「楽曲の販促・宣伝目的」で使用する場合に限り、視聴音源の利用は許可されています。
AppHtmlブックマークレット・メーカーの使い方
リンクは外部の支援ツールAppHtmlブックマークレット・メーカーで作成します。
設定
必須項目とPHGアフィリエイトIDを入力して、「Bookmarkletを生成」をクリックします。
AppHtmlブックマークレット・メーカーの設定
| ① | 「Song」を選択 |
|---|---|
| ② | 「書式テンプレート」を選択 |
| ③ | 「プレビュー表示」を選択 |
| ④ | 「10件」を選択（推奨） |
| ⑤ | 「PHGアフィリエイトID（トークン）」を入力 |
| ⑥ | 「テンプレートのカスタマイズ」を入力 |
テンプレートは、呼び出しコードを使って自由にカスタマイズすることができます。
最初に表示させている内容でよければ、下記のコードをそのままコピーして貼り付けて下さい（テーマのCSSが影響して文字の大きさやレイアウトが崩れた時はご自身で調整して下さい）。
|
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> |
曲を検索
実行またはPC用ブックマークの「MusicHtml（Song）」をクリックすると、ダイアログボックスが表示されるので、「曲名」を入力して「OK」をクリックします。
曲を検索
目的の曲が表示されたら、「キャンセル（決定）」をクリックして決定します。違う曲が表示されたら、「OK（次）」をクリックして次の曲を表示させます。少しややこしいので間違えないで下さい。
曲の選択
HTMLをコピーしてブログに貼り付ける
プレビューを確認し、問題なければHTMLをコピーしてブログに貼り付けます。
HTMLをコピーしてブログに貼り付ける
ブログで綺麗に表示されれば設定は完了です。
最後に
リンクが正しく動作しているかは、リンクをご自身でクリックして、レポートで確認して下さい。
ちなみに、ツールを使って作成したリンクをそのまま掲載すれば特に問題ありませんが、視聴音源だけを利用して、Amazonや他の音楽サイトを宣伝するのは禁止されているので注意して下さい。
最近のコメント