【備忘録】WordPressブログにiTunesアフィリエイトのリンクを貼る(アーティスト名・価格・視聴を表記)

iTunesアフィリエイトリンクの作り方
スポンサーリンク

Pocket

どうも。素敵な曲は共有したい、りょうむた(@a_ryo_muta)です。

そんな思いから、先日iTunesアフィリエイトに登録。

りょうむた
よーし、これで素敵な曲を紹介していくぞー。

と意気込んだのもつかの間、なかなか自分の思う形式でアフィリエイトリンクが貼れません。

りょうむた
なぜだ・・・

結果、貼り付けるHTMLのソースを若干いじることで解決しました。

ということで、iTunesアフィリエイトリンクを貼る方法を備忘録の意味で書き残しておきます。

ちなみにリンクの仕上がりは以下のようになります。

マダラ蝶
カテゴリ: ロック
アーティスト名: UVERworld
¥250

こんな人向けの記事です
  • WordPressサイトにiTunesアフィリエイトリンクを埋め込みたい
  • iTunesアフィリエイトツール『Link Maker』 のリンクが好みじゃない
  • iTunesアフィリエイトリンクにアーティスト名、価格、視聴を表記したい
りょうむた
ものすごく簡単にできます。

 

スポンサーリンク

iTunesアフィリエイトリンクの作成にはAppHtmlWebを使う

apphtmlwebのホーム

今回使ったツールはAppHtmlWebです。

AppHtmlWebは、アップルストアの商品のアフィリエイトリンクを、ある程度好きな形式で作成できる便利なツールです。

apphtmlwebの検索対象一覧

iTunesアフィリエイトリンクを作成する今回の検索対象はSongになりますが、このようにアプリやムービー、本のアフィリエイトリンクも簡単に作成できます。

ちなみにiTunesアフィリエイトの公式ツールにLink Makerというものがあり、それでもアフィリエイトリンクが作成できます。

が、こちらのツールでは冒頭で紹介したような形式で表記されないため使用しません。

【Link Makerでリンクを作成】

 

【AppHtmlWebでリンク作成】

マダラ蝶
カテゴリ: ロック
アーティスト名: UVERworld
¥250

りょうむた
Link Makerだと1番重要な視聴ができない。

AppHtmlWebでiTunesアフィリエイトリンクを作成する方法

まずはアフィリエイトID(トークン)を入力

これを忘れては報酬がもらえません。

サクッと入力できます。

AppHtmlWebにアクセス。

apphtmlwebのホームから設定画面へ

右上の『設定』をクリック、

apphtmlwebのID入力画面

左の赤チェック部にあなたのアフィリエイトIDを入力し、右上の『保存』をクリックして完了です。

※ここでは他の操作は必要ありません。

『保存』をクリックすると、ホーム画面に戻ります。

 

基本的なiTunesアフィリエイトリンクの作成方法

アフィリエイトIDの入力がおわれば、簡単にアフィリエイトリンクの作成が可能となります。

早速、iTunesアフィリエイトリンクを作成します。

apphtmlwebでiTunesアフィリエイトリンクを作成

検索対象は『Song』、書式テンプレートは『アイコン付き(大)』を選択して『検索』をクリック。

りょうむた
書式テンプレートはボタンのみやテキストのみもあります。今回はアイコン(CDジャケット)付きでいきます。
apphtmlwebでiTunesアフィリエイトリンクを作成

最初に検索したいアーティスト名や曲名を入力します。

apphtmlwebでiTunesアフィリエイトリンクを作成

すると検索にヒットした曲名が表示されます。

曲名左側の【1/5】は5曲ヒットし、1曲目を表示という意味です。

今表示されている曲でよければ『キャンセル』クリック。

【2/5】曲目に移動する場合は『OK』をクリック、『OK』で次の候補曲に移ることができます

OKとキャンセルの表記がチグハグですが、気にせずいきます。

apphtmlwebでiTunesアフィリエイトリンクを作成

『キャンセル』で決定した曲のソースが表示されます(一度ご覧になった方はクリック)。

これをコピーしてあなたが貼り付けたいWordpressのテキストページにペーストすれば、以下のようにアフィリエイトリンクが表示されるようになります。

マダラ蝶
カテゴリ: ロック

 

りょうむた
あれ?アーティスト名と価格、そして視聴部分が表示されていない・・・

それもそのはず。

アーティスト名、価格、視聴を表示させるにはちょっとしたソースの書き込みが必要なんです。

りょうむた
普通にやるだけでは上のようなリンクした作成できないわけね。

 

アーティスト名や価格、視聴を表記してiTunesアフィリエイトリンクを作成する方法

まず自分でカスタムテンプレートを作成し保存

アフィリエイトリンク作成時に毎回ソースをいじるのは面倒なので、先に自分で作ったテンプレートを保存します。

今回は以下の項目が表示される形式を作ってテンプレートとして保存します。

  • アーティスト名
  • 価格
  • 視聴
apphtmlwebのホームから設定画面へ

AppHtmlWebホーム画面より右上の『設定』をクリック。

apphtmlwebでiTunesアフィリエイトリンクを作成

一番上の『アフィリエイトID(トークン)』は一度保存していたら自動的に入力されます。

まだ入力していない方はここで入力します。

アフィリエイトIDの入力が済んだら、テンプレート欄の『Song』をクリック。

apphtmlwebでiTunesアフィリエイトリンクを作成

テンプレート一覧が表示されますが、右上の『+』をクリック。

apphtmlwebでiTunesアフィリエイトリンクを作成

すると『名前』と『内容』というテキストボックスが空白の状態で表示されます。

ここで『名前=カスタムテンプレート名』、『内容=ソースコード』として入力します。

apphtmlwebでiTunesアフィリエイトリンクを作成
ソースコード

<span class=”appIcon”><img class=”appIconImg” height=”100″ src=”${icon100url}” style=”float:left;margin: 0px 15px 15px 5px;”></span><span class=”appName”><strong><a href=”${url}” target=”itunes_store”>${name}</a></strong></span><br><span class=”appCategory”>カテゴリ: ${category}</span><br><span class=”artistName”>アーティスト名: ${artist}</span><br><span class=”price”>${price}</span><br><span class=”badgeL” style=”display:inline-block; margin:4px”>${badgeL}</span><br style=”clear:both;”><audio src=”${preview}” controls>

名前はカスタム、内容は先ほどのアフィリエイトリンクにアーティスト名・価格・視聴が表示されるようにソースを入力します。

入力が完了したら、下部『Save』をクリックして保存。

りょうむた
これで冒頭に紹介したアーティスト名・価格・視聴が表示されるアフィリエイトリンクの準備が完了。

 

カスタマイズテンプレートを基にアフィリエイトリンクを作成する

先ほど作成した『カスタムテンプレート』でアフィリエイトリンクを作成します。

apphtmlwebでiTunesアフィリエイトリンクを作成

書式テンプレートの一覧に『カスタム』が追加されていますね。

そしたら、ここでカスタムを選択して、基本的なiTunesアフィリエイトリンクの作成方法と同じように曲を検索してアフィリエイトリンクをコピー&ペーストするだけで完了です。

マダラ蝶
カテゴリ: ロック
アーティスト名: UVERworld
¥250

りょうむた
やっぱりこのリンク表示がいいですね。

 

WordPressにiTunesアフィリエイトリンクを貼るのは簡単

iTunesアフィリエイトリンクの作成、とても簡単ですよね。

これであなたもiTunesアフィリエイトリンクをばっちり貼ることができるでしょう。

AppHtmlWebを使っておすすめの曲はもちろん、おすすめアプリなども紹介してくださいね。

テンプレートのカスタマイズで不明な点があれば、ご遠慮なくお問い合わせください。

りょうむた
この記事があなたのお役に立てたのなら本望です。
スポンサーリンク

iTunesアフィリエイトリンクの作り方

ABOUTこの記事をかいた人

りょうむた(31) 福岡在住のオシャレ好き セールス/プログラマー/恋愛メディアwebライター 大手自動車メーカーに約4年→大手アパレルに約4年→大手電機メーカーGに約4年と謎に大手を渡り歩く。 その後、紆余曲折を経てプログラミングをやりながら、再び大手電機メーカーでセールスを担当することに。 ファッション・フットボールが大好き。 結婚願望ありで婚活スタート。 「まず自分が楽しむ」をモットーに思考・仕事・ファッション・恋愛ネタを中心に発信しています。