@hebyumetan

AppHtml画像のリンク切れ対策としてAppHtmlを少しだけカスタマイズしました

Bookmarklet

 

@hebyumetanです。

 

AppStoreアプリの紹介時に愛用させていただいている@hiro45jpさん作のAppHtmlですが、画像のリンク切れが発生します。

 

強制サンタ - 日本全国民サンタ化計画！ 1.0.0（無料）Shamrock Records, Inc. - Shamrock Records, Inc.（サイズ: 3.5 MB）
全てのバージョンの評価: （3件の評価）
iPhone/iPadの両方に対応

▲ こんな感じになっちゃいます。

 

そこで、最近は@hiroma20さんにお教えいただいた「ポチレバ」を使わせていただいております。

しかし、モブログにはやはりAppHtmlが便利なんですよねー。

 

アプリを紹介するブックマークレット「AppHTML」をカスタマイズしました | delaymania

iPhoneやiPadによるモブログの効率化＆最適化を一応目指しておりますので、「なんとかせにゃあかん」ってことで、@delaymaniaさんの記事を読ませていただき、ソースを書き換えてみました。

しかし、作成されたAppHtmlが動いてくれません。実行しても何も起こらない状況。すべては私の理解不足が原因です。

自力でなんとかしなきゃってことで、レベルが低過ぎてお恥ずかしい限りですが、カスタマイズしてみました。

 

▲ 「iPhone App」「ポップアップのみ」「中アイコン表示」でソースを作成します。

 

<a href="${linkshareurl}" target="_blank" rel="nofollow"><img width="100" class="alignleft" align="left" src="${icon100url}" style="border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;box-shadow: 1px 4px 6px 1px #999999;-moz-box-shadow: 1px 4px 6px 1px #999999;-webkit-box-shadow: 1px 4px 6px 1px #999999;margin: -5px 15px 1px 5px;"></a><strong> ${title}</strong><a href="${linkshareurl}" target="_blank" rel="nofollow"><img src="http://s.mzstatic.com/htmlResources/E6C6/web-storefront/images/viewinitunes_jp.png" style="vertical-align:bottom;" width="90" alt="App"></a><br> カテゴリ: ${category}<br> 販売元: <a href="${selleritunes}" target="_blank" rel="nofollow">${seller}</a>（サイズ: ${appsize}）<br> 全てのバージョンの評価: ${allverstar}（${allreviewcnt}）<br> ${gamecenter} ${univ}<br style="clear: both;">

▲ このようなソースが作成されます。

 

<img src="http://s.mzstatic.com/htmlResources/E6C6/web-storefront/images/viewinitunes_jp.png" style="vertical-align:bottom;" width="90" alt="App">
全てのバージョンの評価: ${allverstar}（${allreviewcnt}）<br> ${gamecenter} ${univ}<br style="clear: both;">

▲ 不要と思われるimgタグ部分と、「全てのバージョンの評価」以降を削除します。

 

<a href="${linkshareurl}" target="_blank" rel="nofollow"><img width="100" class="alignleft" align="left" src="${icon100url}" style="border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;box-shadow: 1px 4px 6px 1px #999999;-moz-box-shadow: 1px 4px 6px 1px #999999;-webkit-box-shadow: 1px 4px 6px 1px #999999;margin: -5px 15px 1px 5px;"></a><strong> ${title}</strong><a href="${linkshareurl}" target="_blank" rel="nofollow"></a><br> カテゴリ: ${category}<br> 販売元: <a href="${selleritunes}" target="_blank" rel="nofollow">${seller}</a>（サイズ: ${appsize}）<br>

▲ 削除後のソースの内容です。この内容で［Bookmarkletを生成する］ボタンをクリックします。

 

javascript:(function(){var d=document,e=d.createElement('script'),url='http://dl.dropbox.com/u/2271551/javascript/apphtml.js';if(!url.match(/\?/))url+='?t='+(new%20Date()).getTime();url+='&out='+'popup'+'&cnt='+'8'+'&knd='+'software'+'&aff='+'LinkshareID'+'&scs='+'288'+'&ipd='+'1.5'+'&fmt='+'%3Ca%20href%3D%22%24%7Blinkshareurl%7D%22%20target%3D%22_blank%22%20rel%3D%22nofollow%22%3E%3Cimg%20width%3D%22100%22%20class%3D%22alignleft%22%20align%3D%22left%22%20src%3D%22%24%7Bicon100url%7D%22%20style%3D%22border-radius%3A%2020px%2020px%2020px%2020px%3B-moz-border-radius%3A%2020px%2020px%2020px%2020px%3B-webkit-border-radius%3A%2020px%2020px%2020px%2020px%3Bbox-shadow%3A%201px%204px%206px%201px%20%23999999%3B-moz-box-shadow%3A%201px%204px%206px%201px%20%23999999%3B-webkit-box-shadow%3A%201px%204px%206px%201px%20%23999999%3Bmargin%3A%20-5px%2015px%201px%205px%3B%22%3E%3C/a%3E%3Cstrong%3E%20%24%7Btitle%7D%3C/strong%3E%3Ca%20href%3D%22%24%7Blinkshareurl%7D%22%20target%3D%22_blank%22%20rel%3D%22nofollow%22%3E%3C/a%3E%3Cbr%3E%20%u30AB%u30C6%u30B4%u30EA%3A%20%24%7Bcategory%7D%3Cbr%3E%20%u8CA9%u58F2%u5143%3A%20%3Ca%20href%3D%22%24%7Bselleritunes%7D%22%20target%3D%22_blank%22%20rel%3D%22nofollow%22%3E%24%7Bseller%7D%3C/a%3E%uFF08%u30B5%u30A4%u30BA%3A%20%24%7Bappsize%7D%uFF09%3Cbr%3E';e.charset='utf-8';e.src=url;e.id='bmlt';d.body.appendChild(e);})();

▲ 生成されたBookmarkletです。「LinkshareID」だけ書き換えていただければ、このままBookmarkletとして使えると思います。

 

強制サンタ - 日本全国民サンタ化計画！ 1.0.0（無料）
カテゴリ: エンターテインメント, 写真／ビデオ
販売元: Shamrock Records, Inc. - Shamrock Records, Inc.（サイズ: 3.5 MB）

▲ こちらがカスタマイズ後の結果となります。

 

iPhone 5では、このBookmarkletを「Seeq」に登録しました。便利ですー！

 

 

Seeq 1.2（￥250）
カテゴリ: 仕事効率化, ユーティリティ
販売元: Yusuke Tsuji - Yusuke Tsuji（サイズ: 0.7 MB）

ツイートする

Permalink | コメント(0) | トラックバック(0) | 06:20