復興ログ

未来の被災地にいるアナタと数十年後のキミたちへ。すべての記録を残します。

Javascript4行でソーシャル化

コレさえ埋め込めば短中長期的にサイトがソーシャル化します。
Javascriptなので、サーバ側の負荷は気にする必要はありません。

Javascriptコード

<script type="text/javascript">
	var u=encodeURI(document.URL);
	var t=encodeURI(document.title);
	document.write('<a href="http://twitter.com/home?status='+t+' '+u+'">retweet</a> ');
	document.write('<a href="http://www.facebook.com/share.php?u='+u+'">Share</a>');
</script>
  • twitterへのページタイトルとURLの投稿
  • FacebookへのURLの投稿(ページタイトルは自動補完)

注意

twitterのtweet内容は文字コードに注意が必要です。
ページタイトルはUTF-8に限りますのでご注意ください。
UTF-8以外の文字コードに変更しようとすると若干面倒くさくなります。
サーバー側でUTF-8に変換し、URLエンコードした文字列を埋め込んであげるのが楽だと思います。
頑張ってJavascriptでやらせてもいいと思いますが。(この辺で解決できるかも。)

このコードを埋め込むとこんな感じになります。(右カラム下)

ソーシャル化のお約束

twitterでニュースが上がってくるニュースサイトでは

がお約束となってきています。

もう
tweet(つぶやく)がtwitter

ShareがFacebook
とセットでおかれています。

その他は、お好みで、GoogleBuzzやらDiggやらdeliciousが付く。

日本では、はてなブックマークが欠かせない感じでしょうか。
mixiと契約をしているサイトではmixi日記ボタンがあるくらいですかね。


こんなに、簡単にやれるのに、なぜやらない・・・


Twitterに投稿 Facebookでshare