Androidアプリを紹介するのにブログ・パーツやWordpressのプラグインを探しましたが、なぜか上手くいかなかったのでBookmarkletを自作しました。
とりあえずこんな感じ
参考にしたのは
- Androidアプリを紹介するブログパーツ作成ツールを新ストアデザインに対応しました[代助のブログ]
- AppHtml for Android[代助のブログ]
- Google Play Badges | Android Developers:[developer.android.com]
です。ありがとうございます。
2/22 Android Playのところにダブルクォーテーションが抜けていたので追加。何故動いてたし
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
javascript:(function(){ var url=location; var s=document.getElementsByClassName("document-title"); if (s != undefined) { var title=s[0].textContent; var imgsrc=document.getElementsByClassName("cover-image")[0].src; var s=document.getElementsByClassName("document-subtitle primary")[0]; var authorlink=s.href;var author=s.textContent; var dat=document.getElementsByClassName("document-subtitle")[1].textContent; var category=document.getElementsByClassName("document-subtitle category")[0].textContent; var h='<div class=%22androidapp%22> <a href=%22'+url+'%22 target=%22_blank%22 rel=%22nofollow%22> <img class=%22alignleft%22 src=%22'+imgsrc+'%22 width=%22128%22></a> <a href=%22'+url+'%22 target=%22_blank%22 rel=%22nofollow%22><span class=%22androidapp-title%22>'+title+'</span></a><br> <a href=%22'+authorlink+'%22 target=%22_blank%22 rel=%22nofollow%22>'+author+'</a><span class=%22androidapp-author%22>'+dat+'</span><br> <span class=%22androidapp-category%22>'+category+'</span><br> <a href=%22'+url+'%22 target=%22_blank%22 rel=%22nofollow%22> <img alt=%22Android app on Google Play%22 src=%22https://developer.android.com/images/brand/ja_app_rgb_wo_45.png%22 /></a> <br style=%22clear: both;%22></div>'; alert(h); } else { alert("Can't analyze app data in html"); } })(); |
使いかたは
- 上記ソースをブックマークのリンクとして登録
- 該当のアプリのページ上でそのブックマークを呼び出す
- そのアプリ用のコードのダイアログが出るので、これを手動でコピー
- ブログに貼る
です。ストアのデザイン(クラス構造)が変われば使えなくなりますのでその時は作りかえましょう。
ちなみにWordpress用の style.cssには以下を追加しました。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
#content .androidapp { border-color:gray black black gray; border-width:1px 2px 2px 1px; border-style:solid; margin: 5px; padding: 6px 6px; overflow: auto; } #content .androidapp-title { font-size: 20px; font-weigth: bold; } #content .androidapp-author { font-size: 16px; } #content .androidapp-category { font-size: 16px; } |