もうリンク切れは嫌だ!Apphtmlを改造してアプリのダウンロードボタンを作成&設定しました。

SPONSORED LINK
Apphtml button reset

またですね・・・。

AppStoreアプリを紹介する際に利用する便利なブックマークレッAppHtmlで作成したリンクの画像がリンク切れしていました。

今回はリンク切れを直すだけでなく、今後リンクが切れても大丈夫なようにApphtmlをカスタマイズしました。

その方法をご紹介しましょう。

 

リンク切れを直す方法

簡単です。3分で直せます。

まずは以下の記事をご覧下さい。

こちらで紹介しているプラグイン「Search Regex」を使って、一気にリンク切れを修正します。今回のリンク切れを直す新リンクは以下の通りです。

iTunesで見る
(旧)http://r.mzstatic.com/htmlResources/1043/web-storefront/images/viewinitunes_jp.png
(新)http://s.mzstatic.com/htmlResources/E6C6/web-storefront/images/viewinitunes_jp.png

スター
(旧)http://r.mzstatic.com/htmlResources/1043/web-storefront/images/rating_star.png
(新)http://s.mzstatic.com/htmlResources/E6C6/web-storefront/images/rating_star.png

スター(半分)
(旧)http://r.mzstatic.com/htmlResources/1043/web-storefront/images/rating_star_half.png
(新)http://s.mzstatic.com/htmlResources/E6C6/web-storefront/images/rating_star_half.png

ゲームセンター
(旧)http://r.mzstatic.com/htmlResources/1043/web-storefront/images/gc_badge.png
(新)http://s.mzstatic.com/htmlResources/E6C6/web-storefront/images/gc_badge.png

ユニバーサル対応アプリ
(旧)http://r.mzstatic.com/htmlResources/1043/web-storefront/images/fat-binary-badge-web.png
(新)http://s.mzstatic.com/htmlResources/E6C6/web-storefront/images/fat-binary-badge-web.png

こちらは2012年12月現在のリンク切れ対策であり、今後リンクが切れた場合はまた修正する必要がありますのでご注意ください。

 

リンク切れのないApphtmlにカスタマイズを!

過去のアプリ紹介リンクは変えることが難しいですが、これから使うリンクに関してはAppHtmlをカスタマイズして、リンク切れのないようにすることはできます。

詳しくは@delaymaniaさんのブログをご参照ください。

アプリをダウンロードするボタンが付くようにAppHTMLをカスタマイズしました | delaymania

また、@Gaku0318さんが紹介していた「ButtonMaker」を使えば、簡単にダウンロードボタンを作成することができます。

【 ブログ 】「 アプリをダウンロードする 」ボタンを ButtomMaker で作成、AppHTMLをカスタマイズしました! | Halfway

これでリンク切れの心配を気にすることなく、Apphtmlを使うことができますし、アプリのダウンロードボタンをつけることで、分かりやすいリンクになったのではないかと思います。

MoveEver – Evernoteを整理する 3.6.7
価格: ¥170
カテゴリ: 仕事効率化, ユーティリティ
App Storeで詳細を見る

アプリをダウンロードする


・・・どうでしょう?いい感じではないですか?

簡単にできますので、まだ試されていない方はぜひ!

 

今回のカギ

今回のカギは、

■Apphtmlをカスタマイズするなら今!

です。

ブロガーの方々が記事にまとめてくれているおかげで簡単に変更できます。少しの工夫でブログをもっと読みやすくしましょう!

ブックマークレット関連記事

ブログ記事のリンクを貼るSharehtmlも簡単にカスタマイズできます。合わせてぜひどうぞ!

SPONSORED LINK
apphtml_button_reset.png