投稿画面から iOS / Mac アプリの紹介リンクを挿入するプラグイン App Store Insert を作りました(PHG 対応)
今までこのブログでは、iOS / Mac アプリは AppHtml メーカーを使用し、リンクシェアのアフィリエイトリンク付きで紹介してきました。
しかし、2013 年 10 月 1 日以降は、リンクシェアのアフィリエイトリンクが無効になるとのことで、投稿画面から iOS / Mac アプリの紹介リンク(PHG 対応)を挿入できる WordPress プラグインを作成しました。
WordPress の投稿画面から iOS / Mac アプリの紹介リンクを挿入するプラグイン「App Store Insert」の使用手順
プラグインの導入説明の前に、iOS / Mac アプリを投稿画面に挿入する手順を説明します。WordPress の投稿画面を表示します。プラグインが有効になっている場合、記事の下に App Store Insert が表示されます。
検索欄に検索ワードを入力し、「検索する」を選択します。すると一覧で表示されるので、挿入したいアプリの下にある「投稿に挿入」を選択します(カーソルを投稿画面に点滅させておく必要があります)。すると、投稿画面にアプリのリンク(PHG 対応)が挿入されます。
標準では、次のようなコードが挿入されます。
<div class="application_box">
<a
href="https://itunes.apple.com/jp/app/ofurain-you-bian-fan-hao-jian/id578073498?mt=8&uo=4&at=11l3RT"
target="itunes_store"
><img
src="http://a1032.phobos.apple.com/us/r1000/108/Purple/v4/d7/86/6a/d7866a7e-2706-c78c-2aec-e5ac2c36c457/mzl.ioreumsv.100x100-75.png" /></a
><a
href="https://itunes.apple.com/jp/app/ofurain-you-bian-fan-hao-jian/id578073498?mt=8&uo=4&at=11l3RT"
target="itunes_store"
><strong>オフライン郵便番号検索の決定版! - 郵便番号検索くん</strong></a
><br />カテゴリ: 辞書/辞典/その他<br />現在の価格: 無料
</div>
「App Store Insert」を使用するための環境設定
下記ページから「App Store Insert」プラグインをダウンロードし解凍します。解凍されたファイルを WordPress の「wp-content」以下にある「plugins」フォルダ内に入れます。
http://rakuishi.com/uploads/app-store-insert-1.0.1.zip
「plugins」フォルダに入れるとプラグイン一覧に表示されるので有効化します。
「設定」→「App Store Insert」を選択します。こちらの管理画面で、ご自身の「アフィリエイト・トークン」を入力します(※ 仮の値で、僕のアフィリエイト・トークンが格納されています)。
これで環境設定は終わりです。
「App Store Insert」が出力するコードを自分のオリジナルのものに書き換えるには
自分のオリジナルのコードを出力するのは、プラグイン内にある php ファイルを編集する必要があります。プラグインファイルに存在する app-store-insert-iframe.php を書き換える必要があります。50 行目ぐらいに、このようなコードがあるので自分の好きな形式になるようにカスタムしてくださいまし。
// ここから: 投稿に使用するテンプレート
$temp = "<div class=\"application_box\"><a href=\"$software->phgTrackViewUrl\" target=\"itunes_store\"><img src=\"$software->artworkUrl\"></a><a href=\"$software->phgTrackViewUrl\" target=\"itunes_store\"><strong>$software->trackName</strong></a><br>カテゴリ: $software->genre<br />現在の価格: $software->price</div>";
// ここまで: 投稿に使用するテンプレート
また、プラグインファイルにある app-store-insert-style.css を編集すれば、投稿画面のスタイルを自由に変えられます。
ひと通り自分でデバッグはしていますが、まだ使い込んではいないのでバグがある可能性があります。バグ等ありましたら、報告お願いします!
注意点
- このプラグインを実行することによって起こる損害は一切責任を取りません。
- アフィリエイト・トークンは仮で僕のものを入れています。ご自身のものに変更をお願いします。
- 一度、このプラグインが出力するリンクを踏んだ後、インプレッション及び収益が表示されることを確認してから本格稼働させることを強くオススメします。
更新履歴
- 1.0.0: リリース(13 年 8 月 25 日)
- 1.0.1: 設定画面のタイトルが間違っていたのを修正(13 年 8 月 26 日)