Androidアプリをブログ(WordPress)上で紹介するBookmarklet

Mohmongar

2014-02-11

日記

Androidアプリを紹介するのにブログ・パーツやWordpressのプラグインを探しましたが、なぜか上手くいかなかったのでBookmarkletを自作しました。とりあえずこんな感じ

マップ Google Inc. - 2014年2月5日旅行＆地域

参考にしたのは

です。ありがとうございます。
2/22 Android Playのところにダブルクォーテーションが抜けていたので追加。何故動いてたし

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 src="%22https://developer.android.com/images/brand/ja_app_rgb_wo_45.png%22"></a>
			<br style="%22clear:" both>
</div>';
		alert(h);
	}
	else {
		alert("Can't analyze app data in html");
	}
})();

使いかたは

上記ソースをブックマークのリンクとして登録
該当のアプリのページ上でそのブックマークを呼び出す
そのアプリ用のコードのダイアログが出るので、これを手動でコピー
ブログに貼る

です。ストアのデザイン（クラス構造）が変われば使えなくなりますのでその時は作りかえましょう。ちなみにWordpress用の style.cssには以下を追加しました。

#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;
}