iPhoneアプリ紹介リンク作成ツール「AppHtmlメーカー」でPHG対応リンクを作成する

2013.9.17Hinemosu

「AppHtmlメーカー」は、「iOSアプリ紹介リンク生成用ブックマークレット」を生成するWebサービスです。

生成されたブックマークレットを利用すると、チョー簡単にアプリ紹介用のリンクが作れるようになります。うちのブログでも、ほぼ全てのiPhone/iPadアプリ紹介リンクはAppHtmlブックマークレットを利用して作成しました。

しかし、来月からiTunesアフィリエイトの提携先がLinkShareからPHGに変更になるため、これまで利用していたブックマークレットを作り直す必要が出てきました。

そんなワケで、覚え書きと情報共有の意味を込め、作業内容をブログにしたためておきます。

AppHtmlでPHG対応リンクを作成するには

AppHtmlでは、自分好みにカスタマイズしたリンクパターンを作成するために、いくつかの予約語が用意されています。

たとえばLinkShare対応URLを挿入する場合、予約語 ${linkshareurl} を使います。

この予約語 “${linkshareurl}" を以下のように置き換えると、生成されるリンクがPHG対応のリンクとなります。

${url}%26at=YOUR_PHG_ID

YOUR_PHG_ID は自身のPHG IDに置き換えてください。たとえば私の場合PHGのIDは 11l4ya" なので、PHG対応リンクは “${url}%26at=11l4ya"となります。

URL部を置き換えてしまえば、その他の操作はこれまで通り。最後に「Bookmarkletを生成する」を押せば、PHG対応のブックマークレットが生成されますよ。

AppHtmlのカスタマイズコードサンプル

参考までに、当ブログで利用しているAppHtmlカスタマイズコードをサンプルとして掲載します。

<div class="iTunesAppLink"><a href="${url}%26at=11l4ya" target="_blank" rel="nofollow" title="${title}"><img width="100" height="100" style="float:left;margin:1em;border:0;" src="${icon100url}">${title}<img src="http://r.mzstatic.com/ja_jp/images/web/linkmaker/badge_appstore-sm.gif" style="vertical-align:bottom;border:0;" width="61" height="15" alt="${title}" class="no_shadow"></a><br> カテゴリ: ${category}<br> リンク作成時の価格: ${price}</div>

上記サンプル中の"11l4ya"は私のPHG IDです。参考にする場合は忘れず自身のPHG IDに置き換えてください。